Faculty Support Services for Teaching with Technology

You can choose to either link to the streaming media you want to use, or to embed the streaming media with a web page.

Linking is the simplest way to show streaming media, but the media is displayed out of context with the web page that calls it. 

Embedding streaming media allows you to display the streaming media within the context of the web page on which it is mentioned.  When media is embedded, the media begins to load when the web page is called. If several clips are embedded, they will all begin to load, and performance may become sluggish. If a person is just browsing the website, they may find this slow loading very frustrating.

If you choose to embed streaming media, you or your assistant needs to be able to write HTML in order to embed streaming media within a web page.

We provide examples of the HTML needed for the different media types below.

Each snippet of HTML contains variables that can be set to determine how the embedded media looks (control bars, etc) and behaves (auto play, loop, etc). These can be varied to suit the intended use.

Embedding will encounter more browser issues than will linking, so testing among different browsers/operating system combinations is wise.

HTML Code to Add to Your Web Page:

Realmedia
<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>

For more information about the various controls available with your streaming files, see Real Networks' Embedded RealPlayer Extended Functionality Guide.

Quicktime
<OBJECT CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
WIDTH="320" HEIGHT="152" CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab#version=6,0,2,0 http://www.apple.com/qtactivex/qtplugin.cab">
<PARAM NAME="controller" VALUE="TRUE">
<PARAM NAME="type" VALUE="video/quicktime">
<PARAM NAME="autoplay" VALUE="true">

<PARAM NAME="target" VALUE="myself">
<PARAM NAME="src" VALUE="http://movies.apple.com/movies/universal/flight_93/flight_93_h.320.mov">
<PARAM NAME="pluginspage" VALUE="http://www.apple.com/quicktime/download/index.html">
<EMBED WIDTH="320" HEIGHT="152" CONTROLLER="TRUE" TARGET="myself" SRC="http://movies.apple.com/movies/universal/flight_93/flight_93_h.320.mov" type="video/quicktime" PLUGINSPAGE="<http://www.apple.com/quicktime/download/index.html>">
</EMBED>
</OBJECT>

Windows Media

 <OBJECT id='mediaPlayer' width="320" height="285"
      classid='CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95'
      codebase='http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701'
      standby='Loading Microsoft Windows Media Player components...' type='application/x-oleobject'>
      <param name='fileName' value="http://servername/path/to/media.file">
      <param name='animationatStart' value='true'>
      <param name='transparentatStart' value='true'>
      <param name='autoStart' value="true">
      <param name='showControls' value="true">
      <param name='loop' value="true">
      <EMBED type='application/x-mplayer2'
        pluginspage='http://microsoft.com/windows/mediaplayer/en/download/'
        id='mediaPlayer' name='mediaPlayer' displaysize='4' autosize='-1'
        bgcolor='darkblue' showcontrols="true" showtracker='-1'
        showdisplay='0' showstatusbar='-1' videoborder3d='-1' width="320" height="285"
        src="http://servername/path/to/media.file" autostart="true" designtimesp='5311' loop="true">
      </EMBED>
      </OBJECT>
      </td></tr>
      <!-- ...end embedded WindowsMedia file -->

---

For help at any step along the way to providing streaming media for your instruction, please send e-mail to atc_support@cornell.edu.