viewing video in new window

[tomscaper]

Does anyone know of an easier way to do the following, we have a list of videos we want to open up in a new webpage currently we have the index page with link to 3 seperate video pages video1.html video2.html etc.

Would there be an easier way to pass the video file name to a blank hmtl page rather than creating a sperate one for each.

Code using to embed the video file into IE

<object id='mediaPlayer' width="600" height="534" 
      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="VIDEO FILE NAME.URL" />
      <param name='animationatStart' value='true' />
      <param name='transparentatStart' value='true' />
      <param name='autoStart' value="true" />
      <param name='showControls' value="true" />
      <param name='loop' value="false" />	  
    </object>

[webman]

Try this:

<object id='mediaPlayer' width="600" height="534" 
      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="" />
      <param name='animationatStart' value='true' />
      <param name='transparentatStart' value='true' />
      <param name='autoStart' value="true" />
      <param name='showControls' value="true" />
      <param name='loop' value="false" />	  
    </object>


<script type="text/javascript">
u1 = window.location.toString();
u2 = u1.split("#");
videofile = u2[1];
alert(videofile);
document.getElementById('mediaPlayer').fileName=videofile;
</script>

And link to the page like this:

playvideo.html#foobar.wmv

Where foobar.wmv is the video file you want it to load.

[tomscaper]

Thanks for that was driving me nuts trying to fathom that one out.

I assume the line

alert(videofile);

Is what causes the pop up message box to show, so removing that would stop it.

Thanks again
Tom

Originally Posted by webman

Try this:

<object id='mediaPlayer' width="600" height="534" 
      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="" />
      <param name='animationatStart' value='true' />
      <param name='transparentatStart' value='true' />
      <param name='autoStart' value="true" />
      <param name='showControls' value="true" />
      <param name='loop' value="false" />	  
    </object>


<script type="text/javascript">
u1 = window.location.toString();
u2 = u1.split("#");
videofile = u2[1];
alert(videofile);
document.getElementById('mediaPlayer').fileName=videofile;
</script>

And link to the page like this:

playvideo.html#foobar.wmv

Where foobar.wmv is the video file you want it to load.

[webman]

Originally Posted by tomscaper

I assume the line

alert(videofile);

Is what causes the pop up message box to show, so removing that would stop it.

Thanks again
Tom

Yep that's right. Used for debugging, forgot to remove it before posting

[tomscaper]

You wouldnt happen to know how to set something like that up for a flv/swf file.

Also i noticed it only loads the file is the playvideo.html file is in the same folder as the video.

Would there any way incorporating the javascript window.open somehow, am googling for answers but its pretty complicated.

[webman]

For flash you can use SWFObject which is javascript as well, so you can do a similar thing to above.

You might be able to specify the full URL/path of the video but I haven't tested that. Eg.

playvideo.html#../directoryabove/videos/foo.wmv
playvideo.html#file:///p:/videos/bar.wmv

To open in a new window, you could have links that use window.open, and set the URL of that to be "playvideo.html#foobar.wmv"

[tomscaper]

Had a go altering the links to load elswhere but no joy.

Just looking in to the window.open now to figure out how to do that.

Originally Posted by webman

For flash you can use SWFObject which is javascript as well, so you can do a similar thing to above.

You might be able to specify the full URL/path of the video but I haven't tested that. Eg.

playvideo.html#../directoryabove/videos/foo.wmv
playvideo.html#file:///p:/videos/bar.wmv

To open in a new window, you could have links that use window.open, and set the URL of that to be "playvideo.html#foobar.wmv"

[Friez]

A PHP Solution:

To use: link to PlayVideo.php?playfile=yourvideofilehere.wmv

PlayVideo.php

PHP Code:


<object id='mediaPlayer' width="600" height="534" 
      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="<?php echo $_GET['playfile']; ?>" />
      <param name='animationatStart' value='true' />
      <param name='transparentatStart' value='true' />
      <param name='autoStart' value="true" />
      <param name='showControls' value="true" />
      <param name='loop' value="false" />      
    </object>

[tomscaper]

Thanks for that.

Currently what we have is a few webpages which are located on a share on the network, which loads on start up, depending on the time, which is set between 8 - 10am.

The teachers can then click and load the different videos.

As the video clips change constantly, i had to alter each page, and was looking for a simple solution.

Webman's solution allows me to now not need to create each seperate page and link a video in, i can now have one page and link each video to that page, although where ever the video clips are saved, the playvideo.html file has to be located in a the same folder.

What i would like but i have no idea how to do this, so if anyone has any ideas.
To have 1 page with 3 links on them to 3 videos. Each link will create a new webpage which would have the embedded video clip inside. I assume there would be some way using javascript, but it is far past my knowledge.

[Marci]

Have a look at JWPLayer for flv / swf etc (well, covers many formats)

JW FLV Media Player

For a complete(ish) system that simply requires you to ftp the video file into a folder (or even less than that - the system does everything if filesize is below 100Mb) see my post yonder: http://www.xtremesystems.org/forums/...17&postcount=4

All you then have is a single page with list of subject areas that switches the playlist using javascript...