Hello,
I have a page that uses the mediaplayer object, along with javascript to show video clips. the user selects the file from a drop-down list, and it will auto play in the media player.
To get the idea, here is the script in action: (works exactly as desired in IE)
http://www.robarspages.ca/devroot/meida/
The problem is that nothing works in Firefox! the mediaplayer does not appear, nor do the controls work. I know there must be a solution out there, but I have done many searches, and have come up with nothing that works.
Here is the code for the main page:
Code:
<table class="movieinnertable" cellpadding="0" cellspacing="0">
<tr>
<td class="tdmovieinnertable1"> </td>
<td class="tdmovieinnertable2">
<object id="mediaPlayer" 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" width="320" height="240" >
<param name="fileName" value=""/>
<param name="animationatStart" value="0"/>
<param name="transparentatStart" value="0"/>
<param name="autoStart" value="-1"/>
<param name="showControls" value="0"/>
<param name="AudioStream" value="-1"/>
<param name="AutoSize" value="0"/>
<param name="AllowScan" value="-1"/>
<param name="AllowChangeDisplaySize" value="-1"/>
<param name="AutoRewind" value="-1"/>
<param name="Balance" value="0"/>
<param name="BaseURL" value=""/>
<param name="BufferingTime" value="5"/>
<param name="CaptioningID" value=""/>
<param name="ClickToPlay" value="-1"/>
<param name="CursorType" value="0"/>
<param name="CurrentPosition" value="-1"/>
<param name="CurrentMarker" value="0"/>
<param name="DefaultFrame" value=""/>
<param name="DisplayBackColor" value="0"/>
<param name="DisplayForeColor" value="16777215"/>
<param name="DisplayMode" value="0"/>
<param name="DisplaySize" value="4"/>
<param name="Enabled" value="-1"/>
<param name="EnableContextMenu" value="-1"/>
<param name="EnablePositionControls" value="-1"/>
<param name="EnableFullScreenControls" value="0"/>
<param name="EnableTracker" value="-1"/>
<param name="InvokeURLs" value="-1"/>
<param name="Language" value="-1"/>
<param name="Mute" value="0"/>
<param name="PlayCount" value="1"/>
<param name="PreviewMode" value="0"/>
<param name="Rate" value="1"/>
<param name="SAMILang" value=""/>
<param name="SAMIStyle" value=""/>
<param name="SAMIFileName" value=""/>
<param name="SelectionStart" value="-1"/>
<param name="SelectionEnd" value="-1"/>
<param name="SendOpenStateChangeEvents" value="-1"/>
<param name="SendWarningEvents" value="-1"/>
<param name="SendErrorEvents" value="-1"/>
<param name="SendKeyboardEvents" value="0"/>
<param name="SendMouseClickEvents" value="0"/>
<param name="SendMouseMoveEvents" value="0"/>
<param name="SendPlayStateChangeEvents" value="-1"/>
<param name="ShowCaptioning" value="0"/>
<param name="ShowAudioControls" value="-1"/>
<param name="ShowDisplay" value="0"/>
<param name="ShowGotoBar" value="0"/>
<param name="ShowPositionControls" value="-1"/>
<param name="ShowStatusBar" value="0"/>
<param name="ShowTracker" value="-1"/>
<param name="VideoBorderWidth" value="0"/>
<param name="VideoBorderColor" value="0"/>
<param name="VideoBorder3D" value="0"/>
<param name="Volume" value="-440"/>
<param name="WindowlessVideo" value="0"/>
</object>
</td>
<td class="tdmovieinnertable3"> </td>
</tr>
<tr>
<td class="tdmovieinnertable4" colspan="3">
<script src="streamlist.js" type="text/JavaScript"></script>
<center><form name="playerCtrl" action="">
<a class="submithover"><input type="button" value="[pause]" name="playOrPause" onclick="handlePlayOrPauseClick()" class="submithover" /></a>
<a class="submithover"><input type="button" value="[show controls]" name="controls" onclick="handleControlsOnOffClick()" class="submithover" /></a><br /><br />
<script src="streamchg.js" type="text/javascript"></script>
</form>
</center>
</td>
</tr>
<tr>
<td class="tdmovieinnertable5" colspan="3">
</td>
</tr>
</table>
Here is 'streamlist.
js':
Code:
var streams = new Array();
streams[0] = new makeStream("", " Select A Media File From The List And It Will Play ");
streams[1] = new makeStream("", " ");
streams[2] = new makeStream("", "[DRUNKEN ADVENTURES]");
streams[3] = new makeStream("media/4.wmv", " 1...Impression of Carelton Skiing");
streams[4] = new makeStream("media/5.wmv", " 2...Impression of Will Skiing");
streams[5] = new makeStream("media/6.wmv", " 3...Cooking Burgers After The Palace");
streams[6] = new makeStream("media/7.wmv", " 4...Impression of Tom Green Scuba-Diving (1)");
function makeStream(url, name) {
this.url = url;
this.name = name;
}
function handleControlsOnOffClick() {
if (document.mediaPlayer.showControls == true) {
document.mediaPlayer.showControls = false;
document.playerCtrl.controls.value = "[show controls]";
}
else {
document.mediaPlayer.showControls = true;
document.playerCtrl.controls.value = "[hide controls]"
}}
function handlePlayOrPauseClick(){
var state;
playerStatus = document.mediaPlayer.playState;
if (playerStatus == 6) {
document.mediaPlayer.play();
document.playerCtrl.playOrPause.value = "[pause]";
}
else if (playerStatus == 1) {
document.mediaPlayer.play();
document.playerCtrl.playOrPause.value = "[pause]";
}
else if (playerStatus == 2) {
document.mediaPlayer.pause();
document.playerCtrl.playOrPause.value = "[play]";
}
}
function changeSize(newSize) {
document.mediaPlayer.displaySize = newSize;
}
function change() {
var list = document.playerCtrl.streams;
var streamURL = list.options[list.selectedIndex].value;
document.mediaPlayer.stop();
document.playerCtrl.playOrPause.value = "[pause]";
document.mediaPlayer.fileName = streamURL;
}
...and...here is 'streamchg.
js'
Code:
with (document)
{
writeln('<select name="streams" onchange="change()" style="border: 0px solid #282484; color:#282484; font-family:Verdana; font-weight:normal; font-size:13px">');
for (var i = 0; i < streams.length; i++)
{
writeln('<option value="', streams[i].url, '">', streams[i].name);
}
writeln('</select>');
}
again....this works perfect in IE, but has no juice in mozilla based broswes! HELP!
script not working in mozilla, but works in IE
