mediaplayer

http://www.longtailvideo.com/players/jw-flv-player/

Current Version: 5.1

MediaPlayer is a package from LongTail Video that includes the JW Player and the SWFObject javascript library for embedding Flash content. At the time of writing, MediaPlayer's included version of SWFObject (v1.5) is not the current version, so I (Hilary) have substituted the latest SWFObject library. The original MediaPlayer version is available at https://engineering.purdue.edu/Javascript/MediaPlayer/swfobject-mediaplayer-default.js

These links are from the LongTail Video download page: JW Player Setup Wizard | JW Player Setup Instructions | Frequently Asked Questions

swfobject

http://code.google.com/p/swfobject/

Current Version: 2.2

SWFObject is an easy-to-use and standards-friendly method to embed Flash content (such as video), which utilizes one small JavaScript file.

Using MediaPlayer to embed Flash video on the engineering web cluster

I recommend that (until ECN sets up a streaming video server) you place the video files in the same folder as the page that will be displaying them. Then copy the following code to your page, pasting into the source code view, if you're using an HTML Document object:

  
    <script src="/Javascript/MediaPlayer/swfobject.js" type="text/javascript"></script>
    
    <div id="mediaplayer1">You need javascript enabled and the Flash plugin to view this content.</div>
    
    <script type="text/javascript">
      swfobject.embedSWF("/Javascript/MediaPlayer/player.swf", 
      "mediaplayer1", "470", "320", "9.0.0", false, 
      {wmode:"opaque", author:"Purdue University", stretching:"uniform",
      author:"Purdue University", file:"/path/from/root/to/video/folder/video_file.flv" 
      image:"/path/from/root/to/video/folder/preview.jpg", title:"Your Video Title"}, 
      {allowFullScreen:"true", allowScriptAccess:"always"});
    </script>
  

Once you've pasted the code, you'll need to make the following changes:

• Change 'file:"/path/from/root/to/video/folder/video_file.flv"' so that it points to your actual video file. If the video is on the engineering cluster, you can use the full path from the root (/) as shown. If it's elsewhere, use the full URL, including "http://" etc. Relative URLs won't work, because they will be treated as relative to /Javascript/MediaPlayer/player.swf, not relative to the page where you are embedding the video.
• If you have a preview image (typically a frame grabbed from the video) for your video, provide the full path to it in the image: property. This is optional, and can be left out.
• The title: property is also optional.
• You can change the width (470) and height (320) to larger or smaller values.
• If you want to have multiple videos on one page:
  • Duplicate the <div id="mediaplayer1"> element, adding a copy for each additional video, and changing the Id of each to "mediaplayer2," "mediaplayer3," etc., so that each div has a unique Id. the actual Id doesn't matter, as long as there is no other element with that Id.
  • Within the second script element, add duplicate swfobject.embedSWF() commands – one for each additional video. Change "mediaplayer1" in the duplicates to match the Id of the div where you want the video to appear, and change the file: property to point to the video that should go in that div.
• Note that there are two hashes (name:value pairs within curly braces {}). The first is for Flashvars that are passed to the Flash player movie. The second hash is for other parameters used by MediaPlayer/SWFObject.

Here's an example showing how you could set it up to show 3 videos (I've omitted some optional properties for brevity):

  
    <script src="/Javascript/MediaPlayer/swfobject.js" type="text/javascript"></script>
    
    <div id="mediaplayer1">You need javascript enabled and the Flash plugin to view this content.</div>
    <div id="mediaplayer2">You need javascript enabled and the Flash plugin to view this content.</div>
    <div id="mediaplayer3">You need javascript enabled and the Flash plugin to view this content.</div>
    
    <script type="text/javascript">
    
      swfobject.embedSWF("/Javascript/MediaPlayer/player.swf", 
      "mediaplayer1", "470", "320", "9.0.0", false, 
      {wmode:"opaque", author:"Purdue University", stretching:"uniform",
      author:"Purdue University", file:"/path/from/root/to/video/folder/FIRST_video_file.flv"}, 
      {allowFullScreen:"true", allowScriptAccess:"always"});
      
      swfobject.embedSWF("/Javascript/MediaPlayer/player.swf", 
      "mediaplayer2", "470", "320", "9.0.0", false, 
      {wmode:"opaque", author:"Purdue University", stretching:"uniform",
      author:"Purdue University", file:"/path/from/root/to/video/folder/SECOND_video_file.flv"}, 
      {allowFullScreen:"true", allowScriptAccess:"always"});
      
      swfobject.embedSWF("/Javascript/MediaPlayer/player.swf", 
      "mediaplayer3", "470", "320", "9.0.0", false, 
      {wmode:"opaque", author:"Purdue University", stretching:"uniform",
      author:"Purdue University", file:"/path/from/root/to/video/folder/THIRD_video_file.flv"}, 
      {allowFullScreen:"true", allowScriptAccess:"always"});
      
    </script>
  

Alternatively, you can use the LongTail Video JW Player Setup Wizard to generate your embedding code.