Mote Interactive

Video Delivery Tutorial

Embedded Windows Media Video

Windows Media Video is similarly embedded in HTML.

CLICK to view VIDEO

CLICK to view VIDEO (1.75MB)

When the jpeg is clicked we'll swap it with:

<object classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6" width="320" height="310" id="WindowsMediaPlayer1"> <param name="URL" value="ghislaine.wmv"> <param name="autoStart" value="0">; <param name="uiMode" value="full"> <embed src="ghislaine.wmv" width="320" height="310" autostart="0" url="ghislaine.wmv" rate="1" uimode="full"></embed> </object>

Let's break that down:

<object></object> The video is embedded in your browser as an object. The classid parameter identifies what kind of object you're embedding. The codebase is the plug-in source.

 

<param name="URL" value="ghislaine.wmv"> The name and location of your video.

<param name="autoStart" value="0"> Autostart is either 0 or 1, meaning "yes" or "no".

<param name="uiMode" value="full"> uiMode has 3 settings. "none" (screen only. no controls), "mini" (minimal control panel), and "full" (all controls). If you're going to include either the mini or full controller for Windows Media Player, add 70 pixels to the height of your object.

Windows Media Player Full UI

The Full Controller, pictured above, has a FFWD button below the time and a green progress bar that is draggable.

The Mini Controller doesn't have either the FFWD or the progress bar, but still takes up 70 pixels. I guess this is nice if you don't want to give your user control over the timeline.

<embed src="ghislaine.wmv" width="320" height="310" autostart="0" url="ghislaine.wmv" rate="1" uimode="full"></embed> </object>

And again the redundant embed tags to ensure older browser support.

next >>> Streaming RealVideo
MORE TUTORIALS