Order Now AdSolution Sign Up | Login » Bits on the Run Sign Up | Login »

Forums

JW Player
/
Setup Issues and Embedding

URGENT: need help ASAP! code fine in FF, not in IE

5 replies [Last post]
Posted: Tue, 2009-04-21 13:06 losingmymind
Anonymous's picture

Sadly, so far I haven't received an answer to a single question I posted on this forum. =( but I am praying that this time I WILL get an answer and soon because I am totally clueless what to do on this one, and I'm really screwed and need help ASAP or I might miss out on a chance at the job of a lifetime.

I am working on my website portfolio page. I have a page with several embedded flash objects. Some use the <embed> code, others use the javascript (I think) tag of "new SWFObject". Everything shows up totally fine in Firefox, but when I view the page in IE, almost none of the "new SWFObject" players show up.

Here's the contents of the HTML file of the page that is getting screwed up in IE, with my website name replaced by "mysitename.com" for anonymity.

<HTML>
<HEAD>
<META NAME="description" CONTENT="Professional, high-quality sound design.">
<META NAME="Keywords" CONTENT="sound, sound design, music, score, sound effects, sound editing, sound editor, sound mixing, sound mixer, effects, sound, audio, special effects, sfx, fx, spfx, dialogue, bgs, background, foley, video game, game sound">
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8">
<META NAME="Generator" content="">
<TITLE>mysitename.com - Portfolio - Games</TITLE></head>
<BODY  BGCOLOR="#000000" TEXT="#FF0000" LEFTMARGIN="0" TOPMARGIN="0" RIGHTMARGIN="0" BOTTOMMARGIN="0" onLoad="" LINK="#FF0000" VLINK="#9900FF" ALINK="#FFFFFF">

<center>
<table DIR="LTR" width="99%" height="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td colspan="4"><img src="../widgets/spacer.gif" height=1 width=1 alt=""></td></tr>
<tr>
    <td width="147" align="left" valign="top">
    <table border="0" cellspacing="0" cellpadding="0" width="147">
    <tr><td align="left" valign="top"><img src="../widgets/gen_765.1.gif" border=0 width=147 height=130 alt=""></td></tr>
    <tr><td align="left" valign="top" width="147"><img src="../widgets/gen_763.1.gif" border=0 width=147 height=141 alt=""></td></tr>
    </table>
    </td>
    <TD valign="top" rowspan="2">
    <table DIR="LTR" width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td align="left" valign="top"><img src="../widgets/spacer.gif" border=0 width=262 height=55 alt=""></td>
        <td background="../widgets/gen_757.1.gif" width="100%" align="right" valign="middle"><img src="../widgets/spacer.gif"   alt=""><img border="0" name="gen_002" src="../widgets/gen_002.1.gif"></td>
        <td align="center" valign="top"><img src="../widgets/gen_758.1.gif" border=0 width=40 height=55 alt=""></td>
    </tr>
    <tr>
        <td align="left" valign="top"><img src="../widgets/gen_761.1.gif" border=0 width=262 height=75 alt=""></td>
        <td align="center" valign="middle"><img src="../widgets/gen_766.1.gif" border=0 width=172 height=75 alt=""></td>
        <td><img src="../widgets/spacer.gif"   alt=""></td>
    </tr>
    </table>
    <br>
    <center>
  
<font face='Arial' size='+1' color='#FF0000'>
mysitename.com - Portfolio - Games<BR><BR>
Sound Design by my name<BR><BR>
<nobr>|Games||<a href="Animation.html">Animation</A>||<a href="Film.html">Film/Video</A>||<a href="Music.html">Music</A>|</nobr>

</font>
    <br>
<font face='Arial' size='3' color='#FF0000'>
<br>
<center>   
<table border="0" width="90%" align="center" >
<tr><td>
<table border="0" height="100%">
<tr><td><p><BR><BR>

<!-- ////////////////////////////////////////////////ADD PROJECTS HERE///////////////////////////////////////// -->
<A name="RoL">
<font face='Arial' size='5' color='#FF0000'>
<i><b>Rise of Nations: Rise of Legends</b></i></font></a><BR><BR>

Sound design for cinematic game promo:<BR><BR>

<embed
src="http://mysitename.com/FLVplayer/player.swf"
width="640"
height="500"
bgcolor="undefined"
allowscriptaccess="always"
allowfullscreen="true"
flashvars="author=Sound Design by my name&file=http://mysitename.com/riseoflegends/RoL_090304_640x480_H264.flv&image=http://mysitename.com/riseoflegends/RoL640x480new.jpg&title=Rise of Nations: Rise of Legends&backcolor=000000&frontcolor=FF0000&lightcolor=CCCCCC&screencolor=000000"
/><BR><BR>

<P>
<A HREF="http://mysitename.com/riseoflegends/RoL_090304_640x480_H264b.mov"
onclick="alert('Please right click on the link and select \'Save Target/Link As...\'');return false;"
onmouseover="self.status='Download RoL_090304_640x480_H264b.mov'; return true;"
onmouseout ="self.status='Done';return true;">
<font face='Arial' size='3' color='#FF0000'><b>Download RoL - H.264 640x480, 192kbps AAC (~60MB)</b></a><BR><BR>

<A HREF="http://mysitename.com/riseoflegends/RoL_090304_640x480_H264b.m4v">
<b>watch it on iPhone/iPod</b></a></font><BR><BR>

</P>

<!-- //////////////////////////////////////////////////////////////////////////////////////////////// -->
<div class="MsoNormal" style="text-align: center;" align="center"><span style="font-family: Arial; color: red;"><hr align="center" size="2" width="100%"></span></div><BR>
<!-- //////////////////////////////////////////////////////////////////////////////////////////////// -->

<A name="Trimordial">
<font face='Arial' size='5' color='#FF0000'>
<i><b>Trimordial</b></i></font></a><BR><BR>

Player resting, movement and elemental state transition sounds:<BR><BR>
<embed
src="http://mysitename.com/FLVplayer/player.swf"
width="640"
height="420"
bgcolor="undefined"
allowscriptaccess="always"
allowfullscreen="true"
flashvars="author=Sound Design by my name&file=http://mysitename.com/Portfolio/Games/Trimordial/Trimordial_demo090416.flv&image=http://mysitename.com/Portfolio/Games/Trimordial/Trimordial_thumb.jpg&title=Trimordial&backcolor=000000&frontcolor=FF0000&lightcolor=CCCCCC&screencolor=000000"
/><BR><BR>

Zombie and player attack (water shorting circuitry) sounds I designed that ended up not being used/implemented in the game:<BR><BR>

<script type="text/javascript" src="http://mysitename.com/FLVplayer/swfobject.js"></script>
<div id="player">Trimordial sounds</div>
<script type="text/javascript">
var so = new SWFObject('http://mysitename.com/FLVplayer/player.swf','mpl','470','200','9');
so.addParam('allowscriptaccess','always');
so.addParam('allowfullscreen','true');
so.addParam('flashvars','&file=http://mysitename.com/Portfolio/Games/Trimordial/playlist2.xml&playlist=bottom&repeat=list&repeat=list&backcolor=000000&frontcolor=FF0000&lightcolor=CCCCCC&screencolor=000000');
so.write('player');
</script>

<BR><BR>
<!-- //////////////////////////////////////////////////////////////////////////////////////////////// -->
<div class="MsoNormal" style="text-align: center;" align="center"><span style="font-family: Arial; color: red;"><hr align="center" size="2" width="100%"></span></div><BR>
<!-- //////////////////////////////////////////////////////////////////////////////////////////////// -->

<A name="WWII2">
<font face='Arial' size='5' color='#FF0000'>
<i><b>World War II: 2</b></i></font></a><BR><BR>

Game trailer I did sound design and music for:<BR><BR>
<embed
src="http://mysitename.com/FLVplayer/player.swf"
width="720"
height="500"
bgcolor="undefined"
allowscriptaccess="always"
allowfullscreen="true"
flashvars="author=Sound Design by my name&file=http://mysitename.com/Portfolio/Games/WWII2/WWII2_trailer_mixed_090419.flv&image=http://mysitename.com/Portfolio/Games/WWII2/thumb.jpg&title=World War II: 2&backcolor=000000&frontcolor=FF0000&lightcolor=CCCCCC&screencolor=000000"
/><BR><BR>

Sounds and music I created for the game:<BR><BR>

<script type="text/javascript" src="http://mysitename.com/FLVplayer/swfobject.js"></script>
<div id="player">WWII2 SFX and music</div>
<script type="text/javascript">
var so = new SWFObject('http://mysitename.com/FLVplayer/player.swf','mpl','470','200','9');
so.addParam('allowscriptaccess','always');
so.addParam('allowfullscreen','true');
so.addParam('flashvars','&file=http://mysitename.com/Portfolio/Games/WWII2/playlist.xml&playlist=bottom&repeat=list&backcolor=000000&frontcolor=FF0000&lightcolor=CCCCCC&screencolor=000000');
so.write('player');
</script>
<BR><BR>

<!-- //////////////////////////////////////////////////////////////////////////////////////////////// -->
<div class="MsoNormal" style="text-align: center;" align="center"><span style="font-family: Arial; color: red;"><hr align="center" size="2" width="100%"></span></div><BR>
<!-- //////////////////////////////////////////////////////////////////////////////////////////////// -->

<A name="OEG">
<font face='Arial' size='5' color='#FF0000'>
<i><b>On Enemy Ground</b></i></font></a><BR><BR>

Sounds I designed for a custom Unreal Tournament 3 level:<BR><BR>

<script type="text/javascript" src="http://mysitename.com/FLVplayer/swfobject.js"></script>
<div id="player">On Enemy Ground SFX</div>
<script type="text/javascript">
var so = new SWFObject('http://mysitename.com/FLVplayer/player.swf','mpl','720','680','9');
so.addParam('allowscriptaccess','always');
so.addParam('allowfullscreen','true');
so.addParam('flashvars','&file=http://mysitename.com/Portfolio/Games/OEG/playlist2.xml&playlist=bottom&repeat=list&respectduration=true&playlistsize=180&backcolor=000000&frontcolor=FF0000&lightcolor=CCCCCC&screencolor=000000');
so.write('player');
</script>
<BR><BR>

<!-- //////////////////////////////////////////////////////////////////////////////////////////////// -->
<div class="MsoNormal" style="text-align: center;" align="center"><span style="font-family: Arial; color: red;"><hr align="center" size="2" width="100%"></span></div><BR>
<!-- //////////////////////////////////////////////////////////////////////////////////////////////// -->

<A name="PDHL2">
<font face='Arial' size='5' color='#FF0000'>
<i><b>Pd integration with Pro Tools:</b></i></font></a><BR><BR>

Real-time editing of an audio implmentation engine:<BR><BR>

<embed
src="http://mysitename.com/FLVplayer/player.swf"
width="640"
height="500"
bgcolor="undefined"
allowscriptaccess="always"
allowfullscreen="true"
flashvars="author=Sound Design by my name&file=http://mysitename.com/Portfolio/Games/PDHL2/PDHL2_demo_090419.flv&image=http://mysitename.com/Portfolio/Games/PDHL2/demo.jpg&title=Pd HL2 integration demo&backcolor=000000&frontcolor=FF0000&lightcolor=CCCCCC&screencolor=000000"
/><BR><BR>

Half Life 2 gameplay clip with sounds I designed and implemented using Pro Tools and Pd:<BR><BR>

<embed
src="http://mysitename.com/FLVplayer/player.swf"
width="720"
height="500"
bgcolor="undefined"
allowscriptaccess="always"
allowfullscreen="true"
flashvars="author=Sound Design by my name&file=http://mysitename.com/Portfolio/Games/PDHL2/PDHL2_gameplay_090420.flv&image=http://mysitename.com/Portfolio/Games/PDHL2/gameplay.jpg&title=Pd HL2 gameplay demo&backcolor=000000&frontcolor=FF0000&lightcolor=CCCCCC&screencolor=000000"
/><BR><BR>

<!-- //////////////////////////////////////////////////////////////////////////////////////////////// -->
<div class="MsoNormal" style="text-align: center;" align="center"><span style="font-family: Arial; color: red;"><hr align="center" size="2" width="100%"></span></div><BR>
<!-- //////////////////////////////////////////////////////////////////////////////////////////////// -->

</P>
</td></tr>

</table>
         </td>
</tr>
</table>
<br>

</font>

    </center>

      <br>

<center>   
<table border="0" width="90%" align="center" >
<tr><td>
<table border="0" height="100%">

</table>
         </td>
</tr>
</table>
<br>
<br>
   

<br>
<FONT FACE="verdana, arial, helvetica" SIZE="1">
<center>
<nobr>|<a href="../Home.html">Home</A>||<a href="index.html">Portfolio</a>||<a href="../Resume.html">Resume</a>||<a href="../Construction.html">Bio</A>||<a href="mailto:mike@mysitename.com">Contact</A>|</nobr></center></font>
<BR>
<center><font face="helvetica,verdana, arial" size="1">all site content © 2008 my name</font></center>

<br>
    </td>
    <td rowspan="2"><img src="../widgets/spacer.gif"  width=15 alt=""></td>
    <td align="right" rowspan="2" valign="top" width="166">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr><td width="166" align="right" valign="top"><img src="gen_1021.G.gif" border=0 width=166 height=55 alt=""></td></tr>
    <tr><td align="right" valign="top"><img src="../widgets/gen_762.1.gif" border=0 width=166 height=40 alt=""></td></tr>
    <tr>
        <td align="right" background="../widgets/gen_762.1.gif">
       
        <a href="../Home.html" onMouseOver="document.images['img7'].src='../widgets/gen_913.1.gif'" onMouseOut="document.images['img7'].src='../widgets/gen_912.1.gif'"><img src="../widgets/gen_912.1.gif" alt="Home" name="img7" border="0"></a>
        <img src="../widgets/spacer.gif"  width=4 alt="">
       
        <a href="index.html" onMouseOver="document.images['img20'].src='../widgets/gen_915.1.gif'" onMouseOut="document.images['img20'].src='../widgets/gen_914.1.gif'"><img src="../widgets/gen_914.1.gif" alt="Portfolio" name="img20" border="0"></a>
        <img src="../widgets/spacer.gif"  width=4 alt="">
       
        <a href="../Resume.html" onMouseOver="document.images['img6'].src='../widgets/gen_909.1.gif'" onMouseOut="document.images['img6'].src='../widgets/gen_908.1.gif'"><img src="../widgets/gen_908.1.gif" alt="Resume" name="img6" border="0"></a>
        <img src="../widgets/spacer.gif"  width=4 alt="">
       
        <a href="../Construction.html" onMouseOver="document.images['img9'].src='../widgets/gen_911.1.gif'" onMouseOut="document.images['img9'].src='../widgets/gen_910.1.gif'"><img src="../widgets/gen_910.1.gif" alt="Bio" name="img9" border="0"></a>
        <img src="../widgets/spacer.gif"  width=4 alt="">
       
       
        <a href="mailto:mike@mysitename.com" onMouseOver="document.images['img_email'].src='../widgets/gen_919.1.gif'" onMouseOut="document.images['img_email'].src='../widgets/gen_918.1.gif'"><img src="../widgets/gen_918.1.gif" alt="e-mail me" name="img_email" border="0"></a>
        <img src="../widgets/spacer.gif"  width=4 alt="">
       
        </td>
    </tr>
    <tr><td align="right" valign="top"><img src="../widgets/gen_762.1.gif" border=0 width=166 height=40 alt=""></td></tr>
    <tr><td align="right" valign="bottom"><img src="../widgets/gen_764.1.gif" border=0 width=166 height=94 alt=""></td></tr>
    </table>
    </td>
</tr>
<script language="javascript" src="../widgets/noieactivate.js"></script>
<br></td>
</tr>
</table>
</center>
</html>

It looks like in IE the first flash object i added using the "new SWFObject" method with a playlist loads without the playlist, and the size of it is way too big. After that one though, none of the rest of the objects I added using "new SWFObject" show up at all - just the text id i have in my code, meaning:

<div id="player">only this text shows up</div>

Please help me as soon as you can. I need to get this site finished and hand it off to one of my colleagues to present to his boss ASAP or I might miss out on getting this job, and I really need work right now.

THANK YOU!!!! =)

Posted: Tue, 2009-04-21 19:21 brokenString  
brokenString's picture

Each HTML container element needs a unique id.

For your code, that would be player1, player2, player3, etc.

Then each block of player code has to write to its own unique HTML container.

For your code, that would be so.write('player1');, so.write('player2');, so.write('player3');, etc.

Then each player needs a unique id.

For your code, that would mpl1, mpl2, mpl3, etc.

Posted: Wed, 2009-04-22 19:55 losingmymind  
losingmymind's picture

Can you please give me a code example of how this should look for one embedded SWFObject? I'm not sure exactly how to implement the changes you listed in my embed code. I'm a beginner at all of this.

Thanks!

Posted: Wed, 2009-04-22 20:16 video&images  
video&amp;images's picture

Taking a snip out of your page...

This line belongs in the head element and is only needed once:

<script type="text/javascript" src="http://mysitename.com/FLVplayer/swfobject.js"></script>

Then for the next two players, this would be the code with unique ids:

Sounds and music I created for the game:<BR><BR>

<div id=<strong>"player1"</strong>>WWII2 SFX and music</div>
<script type="text/javascript">
var so = new SWFObject('http://mysitename.com/FLVplayer/player.swf',<strong>'mpl1'</strong>,'470','200','9');
so.addParam('allowscriptaccess','always');
so.addParam('allowfullscreen','true');
so.addParam('flashvars','&file=http://mysitename.com/Portfolio/Games/WWII2/playlist.xml&playlist=bottom&repeat=list&backcolor=000000&frontcolor=FF0000&lightcolor=CCCCCC&screencolor=000000');
so.write(<strong>'player1'</strong>);
</script>
<BR><BR>

<!-- //////////////////////////////////////////////////////////////////////////////////////////////// -->
<div class="MsoNormal" style="text-align: center;" align="center"><span style="font-family: Arial; color: red;"><hr align="center" size="2" width="100%"></span></div><BR>
<!-- //////////////////////////////////////////////////////////////////////////////////////////////// -->

<A name="OEG">
<font face='Arial' size='5' color='#FF0000'>
<i><b>On Enemy Ground</b></i></font></a><BR><BR>

Sounds I designed for a custom Unreal Tournament 3 level:<BR><BR>

<div id=<strong>"player2"</strong>>On Enemy Ground SFX</div>
<script type="text/javascript">
var so = new SWFObject('http://mysitename.com/FLVplayer/player.swf',<strong>'mpl2'</strong>,'720','680','9');
so.addParam('allowscriptaccess','always');
so.addParam('allowfullscreen','true');
so.addParam('flashvars','&file=http://mysitename.com/Portfolio/Games/OEG/playlist2.xml&playlist=bottom&repeat=list&respectduration=true&playlistsize=180&backcolor=000000&frontcolor=FF0000&lightcolor=CCCCCC&screencolor=000000');
so.write(<strong>'player2'</strong>);
</script>

Posted: Wed, 2009-04-22 21:23 losingmymind  
losingmymind's picture

Ok I made the changes, including adding the <script> line to the head element, and removing the redundant <script> line from the first line of each embedded player. However, now the SWFObject embedded players show up, and are the right size, but the colors are the default colors, the playlists are not loading, and the extra space for the playlist that should be below the control bar is above it.

FYI I did an experiment using the regular <embed/> method, and the player shows up correctly with the playlist and modified colors. So for some reason, they just won't load correctly with the SWFObject embed code. Can anyone think of why this might be happening?

Thank you!

Posted: Thu, 2009-04-23 02:45 losingmymind  
losingmymind's picture

Well, I think I found the solution to the problem. I think it has something to do with this line towards the end of my code for the page:

<script language="javascript" src="../widgets/noieactivate.js"></script>

It seems like if I remove it everything works fine. I don't know what that noieactivate.js is supposed to do, but I have a feeling that it isn't supposed to be there if I have javascript in my code. I originally made this page with a site builder template, and it had no javascript in it.

So maybe after adding the object embed code I just needed to remove that script line at the end?

  • Locked