How to Use the Free Embedded Media HTML Generator

 

If you want to host your own videos (or use a video hosted on another site) rather than using a third party site like YouTube, then you’re going to need to embed the content on your site.

Embedding content can become a hair-pullingly frustrating experience if you have to write the code yourself. Fortunately, there are programs and scripts out there that can do the bulk of the hard work for you. The Free Embedded Media HTML Generator (FEMH Generator) is one of them.

Here’s how to use the Free Embedded Media HTML Generator.

Note: Before you can embed a video file, you first need to have the file already uploaded to your server.

Step 1: Choose the File Type

 

First, go to the FEMH Generator’s site, located at: http://cit.ucsf.edu/embedmedia/step1.php

Different file types will have different kinds of code generated. First select which type of file you want to embed.

For our example, we’ll use a Windows Media (.wmv) file.


Step 2: Type in the Server and File Location

 

Type in the address of the server where the file can be found, as well as the specific location of the file.

Why is the server path and the file path entered separately? Simply because that’s how the code needs to be parsed (formatted.)


Step 3: Choose Your Display Height and Width

 

Enter the dimensions for how big you want your video to display. This can be different than the actual dimensions of the video file.

If you type in a number that’s larger than the file, the video will scale the video up. Naturally, the resolution will be lower. You can also shrink a large but low-resolution video file down to have it appear to be higher quality.


Step 4: Choose Additional Options

 

Four video options are available.

  • Start Automatically – If you choose yes, the video will play the moment someone lands on the page, without them having to click the button.
  • Show Controls – If you choose yes, buttons like the “Play” button, “Pause” button and the timeline bar will show. If you choose no, the video will just play without the user having any control.
  • Loop Playback – If you select yes, the video will restart once it reaches the end.
  • Alignment – Where on the page the video appears and how text wraps around the video.

Hit “Submit” once you’ve entered all your settings.


Step 5: Test Your Video

 

To make sure everything’s working properly, click the “Test Media” button. If everything displays properly, then move on to the next step.


Step 6: Copy and Upload HTML Code

 

Finally, copy and paste the code that’s generated in the box to your HTML editor. Paste it where you want your video to appear.

Upload the code and load your page to make sure it loads properly.

It’s that easy! You can now host video files on your own servers and embed them into your webpages, all without using a third party file host.

Michael Rockwell