Two versions of swfobject.js - HTML Forums

Oghar · 10-05-2009, 01:56 PM

My problem is, I'm trying to use two different versions of swfobject.js, but because of my lack of knowledge on the subject, I don't know how.

My problem is, I am using a third party Flash Mp3 player, and they have embeded my own flash files, and youtube files.

Firefox has no problem viewing my website at all, all the flash works. But once you look at it in IE, only the mp3 player works, and doesnt even allow one page to be viewed because of all the flash on it that doesnt work.

I updated to swfobject.js 2.2 because the mp3 player was running off of 1.5, HOWEVER now the mp3 player doesnt work, and all the other flash DOES work.

I am terrible at coding, and wouldnt know where to begin to update the mp3 players code to a 2.2 format, if thats what is needed. SO.

My question is, how can I have two versions of this swfobject.js file on one page?

www.whytehype.com is the page, and the source is there to take a gander at.

I've seriously tried everything, Im about to cry.

Also, if your suggestion has anything to do with trying a new mp3 player, or anything other than how to have two swfobject.js files, I understand your helping, but It's not an option.....

Oghar · 10-05-2009, 04:43 PM

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>WHYTE HYPE - CATO</title>
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript" src="Scripts/swfobject.js"></script>
<style type="text/css">
<!--
.backgroundimage {
        background-attachment: fixed;
        background-image: url(images/cato_front.jpg);
        background-repeat: no-repeat;
        background-position:top;
        height:375px;
        width:527px;
        position:relative;
        background-position:center top;
        top:0px;
        visibility: visible;
        left: 0px;
}
body,td,th {
	color: #FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: x-small;
}
body {
	background-color: #000;
	background-image: url();
	background-repeat: no-repeat;
}
.copyright {
	color: #8D9DB7;
}
-->
</style>
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body link="#FFFFFF" vlink="#CCCCCC" alink="#8D9DB7" onload="MM_preloadImages('images/buttonsh/face_dn.jpg','images/buttonsh/mysp_dn.jpg','images/buttonsh/twit_dn.jpg','images/buttonsh/utube_dn.jpg','images/buttonsh/soni_dn.jpg','images/buttonsh/myxe_dn.jpg','images/buttonsh/home_dn.jpg','images/buttonsh/media_dn.jpg','images/buttonsh/album_dn.jpg','images/buttonsh/itunes_dn.jpg','images/buttonsh/cdbaby_dn.jpg','images/buttonsh/amaz_dn.jpg')">
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><div align="center"><img src="images/top_bar2.jpg" width="800" height="250" /></div></td>
  </tr>
  <tr>
    <td align="center"><img src="images/top_line.jpg" width="800" height="10" /></td>
  </tr>
  <tr>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="269">	<table width="269" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image9','','images/buttonsh/home_dn.jpg',1)"><img src="images/buttonsh/home_up.jpg" name="Image9" width="88" height="25" border="0" id="Image9" /></a></td>
    <td><a href="media.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image10','','images/buttonsh/media_dn.jpg',1)"><img src="images/buttonsh/media_up.jpg" name="Image10" width="88" height="25" border="0" id="Image10" /></a></td>
    <td><a href="album.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image11','','images/buttonsh/album_dn.jpg',1)"><img src="images/buttonsh/album_up.jpg" name="Image11" width="88" height="25" border="0" id="Image11" /></a></td>
  </tr>
</table>
<div id="flashcontent">
		To view the <a href="http://www.e-phonic.com/mp3player/" target="_blank">E-Phonic MP3 Player</a> you will need to have Javascript turned on and have <a href="http://www.adobe.com/go/getflashplayer/" target="_blank">Flash Player 9</a> or better installed.
	</div>

	<div><img src="images/tourdates.jpg" alt="" width="269" height="24" />
	  <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="269" height="100">
	    <param name="movie" value="tour.swf" />
	    <param name="quality" value="high" />
	    <param name="wmode" value="opaque" />
	    <param name="swfversion" value="8.0.35.0" />
	    <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
	    <param name="expressinstall" value="Scripts/expressInstall.swf" />
	    <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
	    <!--[if !IE]>-->
	    <object type="application/x-shockwave-flash" data="tour.swf" width="269" height="100">
	      <!--<![endif]-->
	      <param name="quality" value="high" />
	      <param name="wmode" value="opaque" />
	      <param name="swfversion" value="8.0.35.0" />
	      <param name="expressinstall" value="Scripts/expressInstall.swf" />
	      <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
	      <div>
	        <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
	        <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
	        </div>
	      <!--[if !IE]>-->
	      </object>
	    <!--<![endif]-->
	    </object>
</div>
	<script type="text/javascript">
		// <![CDATA[

		var so = new SWFObject("ep_player.swf", "ep_player", "269", "226", "9", "#000000");
		so.addVariable("skin", "skins/nobius_platinum/skin.xml");
		so.addVariable("playlist", "playlist.xml");
		so.addVariable("autoplay", "false");
		so.addVariable("shuffle", "false");
		so.addVariable("repeat", "false");
		so.addVariable("buffertime", "1");
		so.addParam("allowscriptaccess", "always");
		so.write("flashcontent");
		
		// ]]>
	</script></td>
        <td width="531" align="center"><div style="overflow:auto; width:100%; height:375px; text-align: left; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: small;">
          <p align="center"><img src="images/cover.jpg" width="425" height="422" /></p>
          <p align="center"><img src="images/buy.jpg" width="425" height="24" /><a href="http://www.itunes.com/cato" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image17','','images/buttonsh/itunes_dn.jpg',1)"><img src="images/buttonsh/itunes_up.jpg" name="Image17" width="212" height="67" border="0" id="Image17" /></a><a href="http://www.cdbaby.com/all/cato" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image18','','images/buttonsh/cdbaby_dn.jpg',1)"><img src="images/buttonsh/cdbaby_up.jpg" name="Image18" width="212" height="67" border="0" id="Image18" /></a>
<a href="http://www.amazon.com/Split-Decision-Explicit/dp/B002FAP2Q0/ref=sr_shvl_album_1?ie=UTF8&amp;qid=1254358995&amp;sr=301-1" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image20','','images/buttonsh/amaz_dn.jpg',1)"><img src="images/buttonsh/amaz_up.jpg" name="Image20" width="212" height="67" border="0" id="Image20" /></a></p>
        </div></td>
        </tr>
    </table></td>
  </tr>
  <tr>
    <td align="center"><table width="100%" border="0" align="left" cellpadding="0" cellspacing="0">
      <tr>
        <td><img src="images/buttonsh/more.jpg" width="269" height="24" /></td>
        <td><a href="http://www.facebook.com/catomusic" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','images/buttonsh/face_dn.jpg',1)"><img src="images/buttonsh/face_up.jpg" name="Image3" width="88" height="24" border="0" id="Image3" /></a></td>
        <td><a href="http://www.myspace.com/whytehypeproductions" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','images/buttonsh/mysp_dn.jpg',1)"><img src="images/buttonsh/mysp_up.jpg" name="Image4" width="88" height="24" border="0" id="Image4" /></a></td>
        <td><a href="http://www.twitter.com/whytehype" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','images/buttonsh/twit_dn.jpg',1)"><img src="images/buttonsh/twit_up.jpg" name="Image5" width="88" height="24" border="0" id="Image5" /></a></td>
        <td><a href="http://www.youtube.com/calenjames" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','images/buttonsh/utube_dn.jpg',1)"><img src="images/buttonsh/utube_up.jpg" name="Image6" width="88" height="24" border="0" id="Image6" /></a></td>
        <td><a href="http://www.sonicbids.com/cato" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image7','','images/buttonsh/soni_dn.jpg',1)"><img src="images/buttonsh/soni_up.jpg" name="Image7" width="88" height="24" border="0" id="Image7" /></a></td>
        <td><a href="http://www.myxer.com/whytehype" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image8','','images/buttonsh/myxe_dn.jpg',1)"><img src="images/buttonsh/myxe_up.jpg" name="Image8" width="88" height="24" border="0" id="Image8" /></a></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td align="center"><img src="images/bottom_line.jpg" width="800" height="10" /><br />
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td><span class="copyright">Copyright of Whyte Hype LLC</span></td>
          <td align="right">Contact: <a href="mailto:cato@whytehype.com"></a></td>
        </tr>
    </table></td>
  </tr>
</table>
<script type="text/javascript">
<!--
swfobject.registerObject("FlashID");
//-->
</script>
</body>
</html>

Oghar · 10-05-2009, 04:44 PM

Here is the code:
The swfobject.js that is being called is the 1.5 version. And I think because its first, its being used for the whole website, and not the "Scripts/swfobject.js" , which is the version 2.2

For whatever reason, the MP3 player only works with the 1.5 version, and when the "Scripts/swfobject.js" script is first, the rest of the Flash works, but not the MP3 Player flash....

I hope this helps, to help me