Embedded Media HTML Generator

After uploading your music file(s) or video file(s) to a free video host you can use the following free web-based tools to create the HTML you need to the media on your pages. Embedded Media HTML Generators |  for Flash, QuickTime, Windows Media Player and RealMedia. To use this for background music set the tool so width=0 and height=0 to keep the controls from showing on your page. Also set autostart to "Yes". Always paste the HTML at the very bottom of your souce code above </body></html> so it will load last. All other times paste the HTML where you want it to appear on your pages.

The HTML Generator above uses both the object tag and the embed tag to make the code work with as many browsers as possible. Internet Explorer uses the object tag and all the other browsers use the embed tag. The object tag is better since it gives you more control through Active-X. The only problem with using the embed tags is that your pages will not validate with it in the source code.


The Embedded Media HTML Generator has been developed to ease the burden of inserting video and animations into web pages. Please select the type of media you wish to embed in your web page...

 

What is embedded media?

You may have viewed web pages that have movies or animations that display within a portion of a Web page rather than in a separate application. Animation, audio, video, or other media that is displayed within a Web page is known as embedded media. Embedding media in Web pages allows the delivery of an integrated multimedia experience that appears seamless to the user.

 

What does the Embedded Media HTML Generator do?

The HTML required to embed a movie or animation into a web page can be complex. With the Embedded Media HTML Generator developed by CIT staff, you won't need to remember the complex HTML code required to embed media in your Web pages. All you need to do is select your media type, fill out a simple form, click submit, and copy and paste the generated HTML into your Web page.


What media types can be embedded into web pages?

Practically any media type can be embedded into web pages, including:

  Real  RealMedia (e.g., RealVideo, RealAudio)
  QuickTime  QuickTime movies
  WindowsMedia  Windows Media
  Flash  Flash animations   go toExample

RealMedia (.rm or .ram files) is a video and audio format that supports advanced features such as SMIL and streaming capabilities. QuickTime (.mov files) is Apple's audio/video format that can be delivered either as a progressive download or as a streaming file. Windows Media (.wmv or .wma files) is Microsoft's multimedia technology that is now tightly integrated with the latest Windows operating system. Flash animations (.swf files) are interactive animations for the Web that can be created using a number of applications, including Macromedia Flash, Adobe LiveMotion, and Qarbon ViewletBuilder (all are available in the CIT Lab). Users must have the appropriate plugin in order to view the embedded media within a web page. These plugins are usually preinstalled on most computers today, or they can be easily downloaded when needed.

 

I have some videos I would like to place on the Web or on an interactive CD or DVD. Where do I begin?

The process of making your videos available on the Web can be broken down into five steps.

  1. Record the footage with an analog or (preferably a) digital camcorder.
  2. Transfer the video to a computer using a analog-to-digital converter (for VHS tapes) or a FireWire cable (for miniDV and Digital8 camcorders).
  3. Edit the video to remove the parts you don't want to keep using video editing software such as Pinnacle Studio (PC) or iMovie (Mac).
  4. Export the video into a web-friendly format such as QuickTime, RealMedia, or Windows Media.
  5. Place the video on a Web site, a CD, or a DVD.

 

 

Enter the following parameters in order to generate the HTML to embed your  Flash file...

 

Copy & paste the following...
 
      <!-- begin embedded Flash file... -->
      <table border='0' cellpadding='0' align="left">
        <tr><td>
        <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="320" height="240">
        <param name='movie' value="http://servername/path/to/media.file">
        <param name='quality' value="high">
        <param name='bgcolor' value='#FFFFFF'>
        <param name='loop' value="true">
        <EMBED src="http://servername/path/to/media.file" quality='high' bgcolor='#FFFFFF' width="320"
        height="240" loop="true" type='application/x-shockwave-flash'
        pluginspage='http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash'>
        </EMBED>
        </OBJECT>
        </td></tr>
        <!-- ...end embedded Flash file -->

       </table>

 

 

Paste the following HTML to embed your  RealMedia file...

 

Copy & paste the following...
 
      <!-- 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>

 

 

A Streaming server is a special media server designed to stream media files, and includes such server brands as Real's Helix Streaming Server and Apple's Quicktime Streaming Server. The CIT has a Helix Streaming Server capable of serving Real, Windows Media, and QuickTime streaming files used for UCSF academic instruction.

A Web server is designed to serve primarily web pages but can also serve other file types, such as web video (though as non-streaming downloads).

Enter the following parameters in order to generate the HTML to embed your  QuickTime file...

 

Copy & paste the following...
 
      <!-- begin embedded QuickTime file... -->
      <table border='0' cellpadding='0' align="left">
        <!-- begin video window... -->
        <tr><td>
        <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://servername/path/to/media.file">
        <param name='autoplay' value="true">
        <param name='controller' value="true">
        <param name='loop' value="true">
        <EMBED src="http://servername/path/to/media.file" width="320" height="255" autoplay="true" 
        controller="true" loop="true" pluginspage='http://www.apple.com/quicktime/download/'>
        </EMBED>
        </OBJECT>
        </td></tr>
        <!-- ...end embedded QuickTime file -->

        </table>

 

Enter the following parameters in order to generate the HTML to embed your  WindowsMedia file

 

Copy & paste the following...
 
      <!-- begin embedded WindowsMedia file... -->
      <table border='0' cellpadding='0' align="left">
      <tr><td>
      <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 -->
    <!-- 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>

 

 

Did you know that it is very simple to make your own midi, wave, au, mp3, video etc. playlists in a text editor? All you need are the URLs to the music files. There are several different kinds of playlist formats out there. But here I'll show you how to make an M3U playlist.

Simply copy and paste the URLS into your text editor like Notepad for Windows or Simpletext for the Mac like below. Press Enter after each URL EXCEPT the very last one. Then save the file as "Playlist1.m3u". Then simply load it into your favorite music player such as Windows Media Player and the songs will play one after the other until the end. You can even put several playlists in another playlist like a master playlist and load it in. This way all of you playlists load in at the same time and play one after the other. Experiment to see what you can come up with.

http://www.webbug.com/ramask/Beatles%20-%20Til
%20There%20Was%20You.mp3
http://www.mchs-63.trest.com/sounds/Beatles%20
-%20I%20Wanna%20Hold%20Your%20Hand.mp3
http://www.mchs-63.trest.com/sounds/Beatles%20-%20
With%20Love%20From%20Me%20To%20You.mp3

Also you can load your playlist into a background music player on your web page like below.

<EMBED type='application/x-mplayer2' pluginspage='http://microsoft.com/windows/
mediaplayer/en/download/' id='mediaPlayer' name='mediaPlayer' displaysize='4' autosize='-1' bgcolor='darkblue' showcontrols="false" showtracker='-1' showdisplay='0' showstatusbar='-1' videoborder3d='-1' width="0" height="0" src="http://www.webbug.com/ramask/platlist1.mpu" autostart="true" designtimesp='5311' loop="true"> </EMBED>

Master Playlist

http://www.mchs-63.trest.com/sounds/playlist1.m3u
http://www.mchs-63.trest.com/sounds/playlist2.m3u
http://www.mchs-63.trest.com/sounds/playlist3.m3u