Integrating Technology in the Foreign Language Classroom

Jean LeLoup & Bob Ponterio 
SUNY Cortland 
© 2007
Embedded Streaming Video with Media Player Plug-in


Can't see the video above? Click here to download our video file, then launch it from your desktop.


Copyright SNCF-CAV.Jean Marc FABBRO

Le TVG, train à grande vitesse, roule à quelle vitesse?


Video object code for playing train.wmv created with Windows Movie Maker:

<object id="MediaPlayer" width="320" height="285" classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95"
standby="Loading Windows Media Player components..." type="application/x-oleobject">
<param name="FileName" value="train.wmv">
<param name="autostart" value="false">
<param name="ShowControls" value="true">
<param name="ShowStatusBar" value="false">
<param name="ShowDisplay" value="false">
<embed type="application/x-mplayer2" src="train.wmv" name="MediaPlayer"
width="320" height="285" showcontrols="1" showstatusbar="0" showdisplay="0" autostart="0"> </embed>

The video object above, like the audio objects we have already seen, is inserted in the HTML code for your page. The code above uses the double properties that let it work for both Internet Explorer and Mozilla browsers. To make the object work for your own video, you need to change the file name (as for audio objects). You also may need to change the video width and height parameters to fit your video. For the train.wmv video, the width is 320 and the height is 240 pixels. We add and extra 45 pixels to the height of the video window to fit the controls.

The video used in our example was captured from a video stream of the French evening news using WM Recorder. Streaming video is sent to your computer from a server little by little without sending you an entire file. Several companies make low-cost software that will let you capture a clip from streaming video or audio sources. These captured clips can then be edited for use in a lesson.

Question TextBox

Remember that to insert a TextBox (or TextField) for interaction you can use Insert / Form / Form field / Text in Nvu (Insert / Form / Text field in Dreamweaver). A TextBox is a special kind of object called a Form Object or Element. It must be placed inside of an HTML Form. Dreamweaver will create a form for you and place your TextBox inside it. If you have more than one Form Element, you may prefer to make a single form and place all of the Form Elemints inside it. In Dreamweaver, you can see where a Form is by the dotted red line around it. In Nvu the line is blue.

The important Properties of the TextBox are (see the example below) its name (TGV-quest1), its Char width or the actual size of the box (25), and its Max Chars or the number of characters that you can type into the box (30).

And in Dreamweaver:

Embedded Media Generator from U. of California, San Francisco

Adding Video to an HTML Document

How to embed Windows Media Player in HTML document

Streaming Video using Windows Media

How to Embed Windows Media Files

How to Embed FLV Flash Videos in your Blog ?

Return to Syllabus