As of August 1st, 2008, the Edutech web site will no longer be updated. Edutech was funded by the Swiss Virtual Campus programme, which ended on July 31st, 2008. Some activities will be taken over by the e-Learning Services group at the SWITCH foundation.

Displaying Movies in Vista

These instructions on how to display movies in Vista have been assembled thanks to the friendly help of the eLab team at the University of Lugano.

Table of Contents

Generalities about playing Movies

Your ability to display movies via Vista on your student's screens depends mostly on the ability of your movies to run in the individual environment that presents your students computer. Will they posses the needed player in the correct version with the exact Codec hopefully in the supported OS and browsers to run the movie format that you have chosen. Read some very concise information about the Advantages and Disadvantages of the different formats. Get more details with the Useful Links below for example about the Codec of your movie.

Generalities about playing Movies in a Vista Section

Movies can be displayed to students in a Vista Section in two ways, the first one of which is very simple but not always satisfactory whereas the second one is more complex but allows to control all aspects of the Movie's execution:

  1. through placing the link to the Movie file into the Homepage (tool: Content File), or in another tool such as Learning Module (the Click-This-Link method).
  2. through a link embedded in a HTML-page (the Embedded-Object method). This page indicates the location of the Movie file in the section's File Manager, the target application on the student's computer and the parameters of the Movie. Such as:
  3. See a comprehensive description of all parameters.

Concerning method 1 - Click-This-Link:
This method is simple for the course designer since a simple link to the file is sufficient. It is practical for the students, since when they click the link they are asked to choose the player with which to run the Movie. Supposing students know which player is on their machine this makes it quite sure that the movie can be played. The movies thus will be displayed in the player window, not in the course window but in their preset dimension. Overall the aspect of the display will depend on the settings of the players on each student's computer. Run the example at: http://www.edutech.ch/vista/docs/HOWTOs/VIS055E/videos/Demo.rm (Wait for it to start!).

Concerning method 2 - Embedded-Objects:
The movie will be displayed inside the web page which integrates it to the content. The course designer can control all aspects of the way a movie is presented which allows a didactical design.
Run this example:


You might want to let this Embedded Media HTML Generator produce the code for you.

Through code in the HTML-page every aspect of the display can be controlled. A number of parameters can be indicated (the object part refers to Internet Explorer, the embedded part to Netscape/Mozilla/Firefox). See below an example of such coding (see all codes) calling for a Real Media file "Demo.rm" stored in the Vista course File Manager in the folder and subfolders "VIS055E/videos" to be run by the windows media player.

<OBJECT ID='MediaPlayer'  standby='Loading Microsoft Windows Media Player components...' TYPE='application/rm' width='250' height='200'><br>
    <param name='url' VALUE='videos/Demo.rm'>
    <param name='AutoStart' VALUE='true'>
    <param name='ShowControls' VALUE='0'>
    <param name='uiMode' VALUE='mini'>
    <embed type='audio/x-pn-realaudio-plugin' name='pippo' width='326' height='266' src='VIS055E/videos/Demo.rm' filename='VIS055E/Svideos/Demo.rm' autostart='false' showcontrols='true'showstatusbar='true' showdisplay='false' autorewind='true'>
    </embed>
</OBJECT>

You might also consider providing your movies both ways to make sure that all students will actually be able to run them.
This code and some of the Movies accessible in the demos have been provided courtesy to Goran Josic from the eLab of the University of Lugano.

Playing Movies from the sections File Manager

If you have uploaded your Movie into a Vista section's File Manager the above example will work fine. Mind you, depending on the file size of your Movie, it can take too much time to download, or if you ask a group of students in a media lab to work on different machines with the same Movie the bandwidth might not be sufficient ...

Playing Movies from an outside web server

You can run movies from an external Web server in the same way as you can run movies stored locally by the two methods described above, that is:

Concerning method 1 - Click-This-Link:
As described above this method links directly to the movie file. The same advantages and disadvantages as explained above apply.

Concerning method 2 - Embedded-Objects:
As described above the code in the HTML-page needs to indicate a number of parameters with variations for Internet Explorer as well as for Netscape/Mozilla/Firefox. See below an example of such coding calling for a WMV file "video.wmv" stored on our server at the University of Fribourg.

<OBJECT ID='MediaPlayer'  standby='Loading Microsoft Windows Media Player components...' TYPE='application/wmv' width='250' height='200'><br>
    <PARAM NAME='url' VALUE='videos/WmvTest.wmv'>
    <PARAM NAME='AutoStart' VALUE='False'>
    <PARAM NAME='ShowControls' VALUE='True'>
    <PARAM NAME='uiMode' VALUE='mini'>
    <embed type='video/x-ms-wmv' name='pippo' width='320' height='290' src="http://www.edutech.ch/vista/docs/HOWTOs/VIS055E/videos/WmvTest.wmv" filename="http://www.edutech.ch/vista/docs/HOWTOs/VIS055E/videos/WmvTest.wmv"  autostart='False' showcontrols='True'showstatusbar='True' showdisplay='False' autorewind='True'></embed>
</OBJECT>

You might want to let this Embedded Media HTML Generator produce the code for you.

This code and some of the Movies accessible in the demos have been provided courtesy to Goran Josic from the eLab of the University of Lugano.

Advantages and Disadvantages of the different formats

Films in the format:

If you want to avoid all this trouble, convert your Movie files to the Flash (Movie) Format. Most machines on any platform already posses the Macromedia flash player and the Flash Movies start running before the whole film is downloaded. Thus their size becomes less of a problem. For an example look at this film on our server through the Click-This-Link method (file size 2,5 MB): Site-Intro.

or look at the movie through the Embedded-Object method. Right-Mouse-Click the image and start with the menu Read/(Lesen/Lire)!

You might want to let this Embedded Media HTML Generator produce the code for you.

With the code in the HTML-page every aspect of the display can be controlled through a number of parameters (the object part refers to Internet Explorer, the embedded part to Netscape/Mozilla/Firefox). See below an example of such coding (see all codes) calling for an Flash file "Demo.swf" stored in a Vista course File Manager in the folder and subfolders "VIS055E/videos" to be run by the Macromedia Flash Player:
<OBJECT classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000'
        codebase='http://download.macromedia.com/pub/shockwave/ cabs/flash/swflash.cab#version=6,0,0,0' width="400" height="266">
        <param name='movie' value='VIS055E/videos/Demo.swf'>
        <param name='quality' value="high">
        <param name='bgcolor' value='#FFFFFF'>
        <param name='loop' value="false">
        <param value="false" name="Play" />
        <EMBED src='VIS055E/videos/Demo.swf' quality='high' bgcolor='#FFFFFF' width="320" height="180"  loop="true" play="false"
         type='application/x-shockwave-flash'
        pluginspage='http://www.macromedia.com/shockwave/download/ index.cgi?P1_Prod_Version=ShockwaveFlash'>
        </EMBED>
</OBJECT>

Examples of Movies in a Vista course

To find examples for AVI, RM, MPEG, MOV, WMV, Flash in a Vista course click under the following link under "Course List" on "Vista Demos - Movie-Demos" Movie-Demos.

Useful Links

Author: Andreas Röllinghoff
Modified  24.05.06
Edutech Vista HOWTOs
Skype us: A. Röllinghoff My status R. Brugger My status