code help, not working in Firefox [Archive]

Tim Paul

01-23-2007, 12:05 PM

ANy help would be appreciated. I can get firefox to see the first video because it it referenced directly in the embed tag, but I can get the Javascript to work. It does works in IE. Original code, without an embed tag can be found at http://www.webreference.com/js/column51/code1.html

<HTML>
<HEAD>
<TITLE>Aerobic and Anaerobic Fitness </TITLE>
<SCRIPT LANGUAGE = "JavaScript">
var streams = new Array();
streams[0] = new makeStream("aaf/aa01.asx", "Aerobic and Anaerobic Fitness 1");
streams[1] = new makeStream("aaf/aa02.asx", "Aerobic and Anaerobic Fitness 2");

function makeStream(url, name) {
this.url = url;
this.name = name;
}

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 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;
}

</SCRIPT>
</HEAD>
<BODY LEFTMARGIN = "100">
<FORM NAME="playerCtrl">
<h3 align="center"><font size="6">Aerobic and Anaerobic Fitness</font></h3><HR>
<div align="center">
<center>
<table border="2" width="76%" bgcolor="#009999" bordercolor="#000000" bordercolorlight="#008080" bordercolordark="#000000">
<tr>
<td width="44%" align="center">
<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="260">
<param name="AudioStream" value="-1">
<param name="AutoSize" value="0">
<param name="AnimationAtStart" value="-1">
<param name="AllowChangeDisplaySize" value="-1">
<param name="DefaultFrame" value>
<param name="DisplayForeColor" value="16777215">
<param name="DisplayMode" value="0">
<param name="DisplaySize" value="4">
<param name="Enabled" value="-1">
<param name="EnablePositionControls" value="-1">
<param name="EnableTracker" value="-1">
<param name="Filename" value="aaf/aa01.asx">
<param name="PlayCount" value="1">
<param name="ShowControls" 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="TransparentAtStart" value="-1">
<param name="Volume" value="0">
<param name="WindowlessVideo" value="0">

<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="260"
src="aaf/aa01.asx" autostart="1" >
</EMBED>

</OBJECT></td>
<td width="156" valign="top" bgcolor="#008080" align="center">
  
<br>


<SCRIPT LANGUAGE="JavaScript">
with (document) {
writeln('<SELECT NAME="streams" onChange="change()">');
for (var i = 0; i < streams.length; i++) {
writeln('<OPTION VALUE="', streams[i].url, '">', streams[i].name);
}
writeln('</SELECT>');
}
</SCRIPT>

</td>
</tr>
</table>
</center>
</div>
<P>

</FORM>
</BODY>
</HTML>