Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations TouchToneTommy on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Browser Compatibility Problems (Javascript)

Status
Not open for further replies.

gwillr

IS-IT--Management
Nov 4, 2003
267
CA
I have a media player activeX on a page( where the user chooses a selection from a drop-down menu, and that movie plays. This works great in IE, and functions as intended.

In Mozilla, however, it does not. Due to ActiveX problems with the browser, there is additional code needed. In order to display the object properly, you need to add the following to the regular code, between the last <param> and the </object>:

Code:
<embed type="application/x-mplayer2"
                       pluginspage="[URL unfurl="true"]http://www.microsoft.com/windows/windowsmedia/en/download/plugin.asp"[/URL]
                       src="[URL unfurl="true"]http://someurl"[/URL]
                       name="mediaPlayer"
                       width="320"
                       height="240">
</embed>

Here is the normal code, as it correctly works in IE:

Code:
<object id="mediaPlayer" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" codebase="[URL unfurl="true"]http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701"[/URL] standby="Loading Microsoft Windows Media Player components..." type="application/x-oleobject" width="320" height="240" align="center">
  	  										<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" align="left" hspace="0"><img border="0" src="[URL unfurl="true"]http://www.robarspages.ca/devroot/photosite/images/mediastrip.gif"[/URL] alt="Cinema" width="54" height="240" align="left" hspace="0"/></td></tr>
             					 	<tr>
                						<td class="tdmovieinnertable4" colspan="3">
                
											<!--Begin Media Control Scripts & Drop-Down Selection Box-->
											<script src="streamlist.js" type="text/JavaScript"></script>
											<center><form name="playerCtrl" action="">
											<p><input type="button" value=" [pause] " name="playOrPause" onclick="handlePlayOrPauseClick()" style="border-style: solid; border-width: 0; color: #ffff99; font-size: 16px; font-family: Verdana; font-weight: bold; background-color: #282484" /> 
  											<input type="button" value="[show controls]" name="controls" onclick="handleControlsOnOffClick()" style="border-style: solid; border-width: 0; color: #ffff99; font-size: 16px; font-family: Verdana; font-weight: bold; background-color: #282484"  /></p>
											<script src="streamchg.js" type="text/javascript"></script>
											</form>

I need to know how I can get the filename from the users selection (see .js code below) to the src="" in the <embed> area.

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

streamlist.js
Code:
var streams = new Array();
streams[0] = new makeStream("", "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Select A Media File From The List And It Will Play&nbsp;&nbsp;&nbsp;&nbsp;");
streams[1] = new makeStream("", "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;");
streams[2] = new makeStream("", "[DRUNKEN ADVENTURES]");
streams[3] = new makeStream("media/4.wmv", "&nbsp;&nbsp;&nbsp;&nbsp;1...Impression of Carelton Skiing");
streams[4] = new makeStream("media/5.wmv", "&nbsp;&nbsp;&nbsp;&nbsp;2...Impression of Will Skiing");
streams[5] = new makeStream("media/6.wmv", "&nbsp;&nbsp;&nbsp;&nbsp;3...Cooking Burgers After The Palace");
streams[6] = new makeStream("media/7.wmv", "&nbsp;&nbsp;&nbsp;&nbsp;4...Impression of Tom Green Scuba-Diving (1)");
streams[7] = new makeStream("media/8.wmv", "&nbsp;&nbsp;&nbsp;&nbsp;5...Impression of Tom Green Scuba-Diving (2)");
streams[8] = new makeStream("media/11.wmv", "&nbsp;&nbsp;&nbsp;&nbsp;6...Jerry Likes Boys");
streams[9] = new makeStream("media/12.wmv", "&nbsp;&nbsp;&nbsp;&nbsp;7...Jerry Will Kick All of Their Asses");
streams[10] = new makeStream("media/13.wmv", "&nbsp;&nbsp;&nbsp;&nbsp;8...Scott - Dr Evil Impression");
streams[11] = new makeStream("media/14.wmv", "&nbsp;&nbsp;&nbsp;&nbsp;9...Scott - Bumble Bee Impression");
streams[12] = new makeStream("media/15.wmv", "&nbsp;&nbsp;&nbsp;&nbsp;10...Bubbles Finds Jerry's Door");
streams[13] = new makeStream("media/20.wmv", "&nbsp;&nbsp;&nbsp;&nbsp;11...Gary finds Jerry's Door");
streams[14] = new makeStream("media/dru.wmv", "&nbsp;&nbsp;&nbsp;&nbsp;12...Out Of Control");
streams[15] = new makeStream("", "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;");
streams[16] = new makeStream("", "[DRYSDALE FALLS, TRURO]");
streams[17] = new makeStream("media/1.wmv", "&nbsp;&nbsp;&nbsp;&nbsp;1...Some Kid - Backflip From 80 Feet");
streams[18] = new makeStream("media/3.wmv", "&nbsp;&nbsp;&nbsp;&nbsp;2...Some Kid - Helicopter Jump From 80 Feet");
streams[19] = new makeStream("media/9.wmv", "&nbsp;&nbsp;&nbsp;&nbsp;3...Jenn - Jump From 35 Feet");
streams[20] = new makeStream("media/10.wmv", "&nbsp;&nbsp;&nbsp;&nbsp;4...Gary &amp; Jerry - Jump From 35 Feet");
streams[21] = new makeStream("", "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;");
streams[22] = new makeStream("", "[AUDIO CLIPS]");
streams[23] = new makeStream("media/a.wma", "&nbsp;&nbsp;&nbsp;&nbsp;1...July 12, Gary's Drunken Message on Jerry's Voicemail");
streams[24] = new makeStream("media/b.wma", "&nbsp;&nbsp;&nbsp;&nbsp;2...May 26, Gary's Drunken Message on Jerry's Voicemail");
streams[25] = new makeStream("media/c.wma", "&nbsp;&nbsp;&nbsp;&nbsp;3...July 30, Jerry's Drunken Message on Gary's Voicemail");
streams[26] = new makeStream("media/d.wma", "&nbsp;&nbsp;&nbsp;&nbsp;4...May 29, Jerry's Drunken Message on Gary's Voicemail");
streams[27] = new makeStream("media/e.wma", "&nbsp;&nbsp;&nbsp;&nbsp;5...Prank On Jenn's Mother Bianca");
streams[28] = new makeStream("", "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;");
streams[29] = new makeStream("", "[GARY'S SKATEBOARDING FOOTAGE]");
streams[30] = new makeStream("media/1-100kbps.wmv", "&nbsp;&nbsp;&nbsp;&nbsp;1...Gary's Montage - Part 1");
streams[31] = new makeStream("media/2-100kbps.wmv", "&nbsp;&nbsp;&nbsp;&nbsp;2...Gary's Montage - Part 2");
streams[32] = new makeStream("media/3-100kbps.wmv", "&nbsp;&nbsp;&nbsp;&nbsp;3...Gary's Montage - Part 3");
streams[33] = new makeStream("media/4-100kbps.wmv", "&nbsp;&nbsp;&nbsp;&nbsp;4...Contests &amp; Old Miscellaneous Footage");
streams[34] = new makeStream("media/5-100kbps.wmv", "&nbsp;&nbsp;&nbsp;&nbsp;5...Gary's Slo-Mo Montage");
streams[35] = new makeStream("media/7-100kbps.wmv", "&nbsp;&nbsp;&nbsp;&nbsp;6...Friends Section");
streams[36] = new makeStream("media/2.wmv", "&nbsp;&nbsp;&nbsp;&nbsp;7...Gary - Kickflip At Sports Hall Of Fame, 2003");
streams[37] = new makeStream("", "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;");
streams[38] = new makeStream("", "[CAMPING IN PEI, SUMMER 2004]");
streams[39] = new makeStream("media/105.wmv", "&nbsp;&nbsp;&nbsp;&nbsp;1...Sandspit PEI - 'Scrambler'");
streams[40] = new makeStream("media/106.wmv", "&nbsp;&nbsp;&nbsp;&nbsp;2...Sandspit PEI - 'The Octopus'");
streams[41] = new makeStream("media/109.wmv", "&nbsp;&nbsp;&nbsp;&nbsp;3...Sandspit PEI - 'Cyclone' Rollercoaster Part 1");
streams[42] = new makeStream("media/110.wmv", "&nbsp;&nbsp;&nbsp;&nbsp;4...Sandspit PEI - 'Cyclone' Rollercoaster Part 2");
streams[43] = new makeStream("media/113.wmv", "&nbsp;&nbsp;&nbsp;&nbsp;5...Sandspit PEI - 'The Roc 'N' Roll'");
streams[44] = new makeStream("", "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;");
streams[45] = new makeStream("", "[NATAL DAY FIREWORKS, HALIFAX 2004]");
streams[46] = new makeStream("media/0023.wmv", "&nbsp;&nbsp;&nbsp;&nbsp;1...Natal Day Halifax Fireworks - Part 1");
streams[47] = new makeStream("media/0024.wmv", "&nbsp;&nbsp;&nbsp;&nbsp;2...Natal Day Halifax Fireworks - Part 2");
streams[48] = new makeStream("media/0025.wmv", "&nbsp;&nbsp;&nbsp;&nbsp;3...Natal Day Halifax Fireworks - Part 3");
streams[49] = new makeStream("media/0026.wmv", "&nbsp;&nbsp;&nbsp;&nbsp;4...Natal Day Halifax Fireworks - Part 4");
streams[50] = new makeStream("media/0027.wmv", "&nbsp;&nbsp;&nbsp;&nbsp;5...Natal Day Halifax Fireworks - Part 5");
streams[51] = new makeStream("media/0028.wmv", "&nbsp;&nbsp;&nbsp;&nbsp;6...Natal Day Halifax Fireworks - Part 6");
streams[52] = new makeStream("media/0029.wmv", "&nbsp;&nbsp;&nbsp;&nbsp;7...Natal Day Halifax Fireworks - Part 7");
streams[53] = new makeStream("media/0030.wmv", "&nbsp;&nbsp;&nbsp;&nbsp;8...Natal Day Halifax Tall Ship");
streams[54] = new makeStream("", "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;");
streams[55] = new makeStream("", "[MISCELLANEOUS VIDEO CLIPS]");
streams[56] = new makeStream("media/gra.wmv", "&nbsp;&nbsp;&nbsp;&nbsp;1...Jenn's Graduation Clip");
streams[57] = new makeStream("media/tr.wmv", "&nbsp;&nbsp;&nbsp;&nbsp;2...Travis Limo Ride");
streams[58] = new makeStream("media/ak.wmv", "&nbsp;&nbsp;&nbsp;&nbsp;3...Gary, Alexander Keith Commercial");

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




I hope someone can make some sense of what I have written, if not please ask for clarification. I have spent about two days worth of time trying without avail to figure this out :) Thanks in advance for any help.

Gary

 

At a guess, I'd try assigning a unique ID to the embed tag, and using getElementById to set it... something like this:

Code:
<embed id="myPlayer"... >

...

document.getElementById('myPlayer').src = 'somesrc';

Hope this helps,
Dan

 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top