[IMAGE: Southern Illinois University Edwardsville Logo]
Apply to SIUE
Information Technology Services
Information Technology Services
[IMAGE: Institutional Header]

Cascade Tutorials

Adding Video To Your Page

SWF (.swf)

If you have an .swf file (exported flash movie or a movie file converted to an .swf file using the file conversion site listed in our "Tools & Downloads" box at the right) and want to add it to your Cascade page, you can do so by following the directions below.

  • Import your .swf file into Cascade. If you want a special folder for Flash files or movies in Cascade, let us know and we will make it for you.
  • Edit the page where you want to add the .swf file.
  • Place your cursor on the page where you want the .swf file to appear.
  • Click the 'Edit HTML source' button.
  • Paste in the following code:

    <object type="application/x-shockwave-flash" data="movie.swf" width="400" height="300">
    <param name="movie" value="movie.swf" />
    <param name="loop" value="false" />
    <param name="menu" value="false" />
    <param name="quality" value="high" />
    <param name="scale" value="noscale" />
    <param name="salign" value="lt" />
    <param name="bgcolor" value="#000000" />
    </object>
  • Change the two instances of "movie.swf" in the code above to the actual local path of your .swf file, which will look something like this: "/pharmacy/videos/pharmacy_video.swf"
  • You can adjust the height & width of the movie by changing the "width" and "height" attributes in the code above. Those dimensions are in pixels. Keep in mind the maximum width space available for your particular layout. (700 pixels wide for a 2 column layout, 550 pixels wide for a 3 column layout)
  • You can set your movie to loop or not loop by changing the "loop" attribute to either "true" or "false".
  • Save your work and Submit your page.

If you have any questions or problems, let us know.


Code for other Video types:

WMV (.wmv) --- Note: Change all instances of "videofilename.wmv" to actual file name:

<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="videofilename.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="videofilename.wmv" NAME="MediaPlayer" WIDTH="192" HEIGHT="190" ShowControls="1" ShowStatusBar="0" ShowDisplay="0" autostart="0"> </EMBED>
</OBJECT>


MOV (.mov) --- Note: Change all instances of "/folder/your.mov" to the actual file name path:

<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="256" width="320">
<param name="src" value=/folder/your.mov">
<param name="autoplay" value="true">
<param name="type" value="video/quicktime" height="256" width="320">
<embed src="/folder/your.mov" height="256" width="320" autoplay="true" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/">
</object>


MPEG or MPG (.mpg or .mpet) --- Note: Change all instances of "images/videofilename.mpg" to actual file name path:

<object id="Video1" type="application/x-mplayer2" width="320" height="320">
<param name="fileName" value="videofilename.mpg">
<param name="autoStart" value="false">
<param name="showControls" value="true">
<embed type="application/x-mplayer2" src="images/videofilename.mpg" name="Video1" autostart="false" showcontrols="true" width="320" height="320">
</object>


Real Media (.rm) --- Note: Change all instances of "http://servername/path/to/media.file" to actual file name path:

<!-- begin embedded RealMedia file... -->
<table border='0' cellpadding='0' align="left">
<!-- begin video window... -->
<tr><td>
<OBJECT id='rvocx' classid='clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA' width="320" height="240">
<param name='src' value="http://servername/path/to/media.file">
<param name='autostart' value="true">
<param name='controls' value='imagewindow'>
<param name='console' value='video'>
<param name='loop' value="true">
<EMBED src="http://servername/path/to/media.file" width="320" height="240" loop="true" type='audio/x-pn-realaudio-plugin' controls='imagewindow' console='video' autostart="true">
</EMBED>
</OBJECT>
</td></tr>
<!-- ...end video window -->
<!-- begin control panel... -->
<tr><td>
<OBJECT id='rvocx' classid='clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA' width="320" height='30'>
<param name='src' value="http://servername/path/to/media.file">
<param name='autostart' value="true">
<param name='controls' value='ControlPanel'>
<param name='console' value='video'>
<EMBED src="http://servername/path/to/media.file" width="320" height='30' controls='ControlPanel' type='audio/x-pn-realaudio-plugin' console='video' autostart="true">
</EMBED>
</OBJECT>
</td></tr>
<!-- ...end control panel -->
<!-- ...end embedded RealMedia file -->
<!-- begin link to launch external media player... -->
<tr><td align='center'>
<a href="http://servername/path/to/media.file" style='font-size: 85%;' target='_blank'>Launch in external player</a>
<!-- ...end link to launch external media player... -->
</td></tr>
</table>

facebookoff twitteroff vineoff linkedinoff flickeroff instagramoff googleplusoff tumblroff foursquareoff socialoff