ESU 10 Home > Network and Information Services > nis.esu10.org/teachers November 22, 2008

Embed Quicktime Streaming Movie

Embedding a streamed video in your web page enhances the page by giving the viewer the movie framed by the theme you have chosen. You will also find it easier to have a transcript on the same page for accessibility.

  1. Upload your hinted streaming file to your streaming server. You may have to contact your Quicktime Streaming Administrator for more information.
  2. Log in to your site.
  3. Allow 3 tags under "Prefs" and "Legal Tags".
    • Put a check next to 'embed'
    • 'param'
    • 'object'
    • Submit your changes
  4. Insert the following HTML code in your story. (If you are using the WYSIWYG editor in Internet Explorer or Netscape, make sure you click the option to view HTML source FIRST! Then check it back to the normal view before you submit your changes.) You will want to replace the width and height in both the object and embed tags (indicated in purple below) to match your movie's dimensions. Remember to add 15 pixels to the height if you are including a controller. Also change the value of the "qtsrc" to reflect the URL of your uploaded hinted quicktime movie (indicated in red below). You may have to contact your Quicktime Streaming Administrator for more information. You will want to put the same URL in the qtsrc section of the embed tag (indicated in green below). This code will allow both Windows and Macintosh users with Quicktime to view the video.

    <OBJECT CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
    WIDTH="320" HEIGHT="255" CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab">

    <PARAM name="SRC" VALUE="http://manila.esu10.org:8000/qt.mov">
    <PARAM name="qtsrc" VALUE="rtsp://teachers.esu10.org/different.mov">
    <PARAM name="AUTOPLAY" VALUE="true">
    <PARAM name="CONTROLLER" VALUE="true">
    <PARAM name="LOOP" VALUE="false">

    <EMBED src="http://manila.esu10.org:8000/qt.mov" qtsrc="rtsp://teachers.esu10.org/different.mov" pluginspage="http://www.apple.com/quicktime/download/" height="255" width="320" AUTOPLAY="true" LOOP="false" CONTROLLER="true">
    </EMBED>

    </OBJECT>

For more information, visit: http://developer.apple.com/quicktime/compatibility.html


Movie Example


Special Note: Embeded content usually requires a special plug-in that the viewer will need to have installed before they can experience the content. Quicktime is a cross-platform application that can be downloaded for free if it is not already installed. To obtain the latest free version, you can include the button below in your story by typing "Get Quicktime", including the quotes.

Get Quicktime


Copyright © 2008 manilaSupport
webmaster@esu10.org

Last updated on Monday, April 5, 2004 at 11:31:06 AM

Print This Story | Mail This Story

Login