How to Embed Media Player Options

Embedding a media player is fairly uncomplicated as long as you have some general HTML expertise. While there are simple media players that play videos without giving other options, you also can include parameters in the HTML code that allow the viewers of the video to have options when they watch. These options include playing, pausing, fast forwarding and rewinding a video.

Instructions

1. Log in to your Web server and navigate to the page into which you will embed the media player. Click on the section of the page where you want the media player to appear.

2. Paste the following code into your page:

   <OBJECT ID="MediaPlayer" WIDTH="192" HEIGHT="190" CLASSID="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95"

   STANDBY="Loading Windows Media Player components..." TYPE="application/x-oleobject">

   <PARAM NAME="FileName" VALUE="video.wmv">

3. Copy and paste the following to add options to your media player:

   <PARAM name="autostart" VALUE="false">

   <PARAM name="ShowControls" VALUE="true">

   By setting the "autostart" value to false, you allow the viewer to have the option to start the video himself, without the video starting automatically when the page loads. By setting the "ShowControls" value to true, you are allowing the viewer to see and use the pause, fast forward and rewind buttons.

4. Copy and paste the following:

   <EMBED TYPE="application/x-mplayer2" SRC="video.wmv" NAME="MediaPlayer"

   WIDTH="192" HEIGHT="190" ShowControls="1" ShowStatusBar="0" ShowDisplay="0" autostart="0"> </EMBED>

   </OBJECT>

5. Check your entire code. Its format should look like this:

   <OBJECT ID="MediaPlayer" WIDTH="192" HEIGHT="190" CLASSID="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95"

   STANDBY="Loading Windows Media Player components..." TYPE="application/x-oleobject">

   <PARAM NAME="FileName" VALUE="video.wmv">

   <PARAM name="autostart" VALUE="false">

   <PARAM name="ShowControls" VALUE="true">

   <EMBED TYPE="application/x-mplayer2" SRC="video.wmv" NAME="MediaPlayer"

   WIDTH="192" HEIGHT="190" ShowControls="1" ShowStatusBar="0" ShowDisplay="0" autostart="0"> </EMBED>

   </OBJECT>

6. Change both instances of "video.wmv" to the actual file path of the video you want to embed.

7. Click "Publish."

References

• Media College: Embed Media Players

Resources

• W3 Schools: HTML Tutorial