Embedded 3 consecutive videos but only first one loads - Webmaster Forums - Webmaster forum for HTML, PHP, ASP, CSS and more

dkg · 10-26-2008, 03:17 PM

Hi...

I've embedded 3 consecutive videos to my website that are all pulling from this script, uniquely within the <head> section:

<script type="text/javascript" src="swfobject.js"></script>

I've uploaded the page to my website, but the problem I'm having with browsers (except Firefox) is that only the first video loads...

Anybody have a solution for this?

here is the code in the <body> section:

<h3><span class="BoldBlue">Video 1</span></h3>

<div id="media">
<div id="noUpdate">
<p>The Camtasia Studio video content presented here requires JavaScript to be enabled and the latest version of the Macromedia Flash Player. If you are you using a browser with JavaScript disabled please enable it now. Otherwise, please update your version of the free Flash Player by <a href="http://www.macromedia.com/go/getflashplayer">downloading here</a>.
</p>
</div>
</div>
<script type="text/javascript">
// <![CDATA[
var so = new SWFObject( "vid1.swf", "csSWF", "640", "498", "9.0.28", "#1a1a1a");
so.addParam( "quality", "best" );
so.addParam( "allowFullScreen", "true" );
so.addParam( "scale", "noscale" );
so.addParam( "allowScriptAccess", "always" );
so.addVariable( "autostart", "false" );
so.write("media");
// ]]>
</script>

<h3><span class="BoldBlue">Video 2</span></h3>

<div id="media">
<div id="noUpdate">
<p>The Camtasia Studio video content presented here requires JavaScript to be enabled and the latest version of the Macromedia Flash Player. If you are you using a browser with JavaScript disabled please enable it now. Otherwise, please update your version of the free Flash Player by <a href="http://www.macromedia.com/go/getflashplayer">downloading here</a>.
</p>
</div>
</div>
<script type="text/javascript">
// <![CDATA[
var so = new SWFObject( "vid2.swf", "csSWF", "640", "498", "9.0.28", "#1a1a1a");
so.addParam( "quality", "best" );
so.addParam( "allowFullScreen", "true" );
so.addParam( "scale", "noscale" );
so.addParam( "allowScriptAccess", "always" );
so.addVariable( "autostart", "false" );
so.write("media");
// ]]>
</script>

<h3><span class="BoldBlue">Video 3</span></h3>

<div id="media">
<div id="noUpdate">
<p>The Camtasia Studio video content presented here requires JavaScript to be enabled and the latest version of the Macromedia Flash Player. If you are you using a browser with JavaScript disabled please enable it now. Otherwise, please update your version of the free Flash Player by <a href="http://www.macromedia.com/go/getflashplayer">downloading here</a>.
</p>
</div>
</div>
<script type="text/javascript">
// <![CDATA[
var so = new SWFObject( "vid3.swf", "csSWF", "640", "498", "9.0.28", "#1a1a1a");
so.addParam( "quality", "best" );
so.addParam( "allowFullScreen", "true" );
so.addParam( "scale", "noscale" );
so.addParam( "allowScriptAccess", "always" );
so.addVariable( "autostart", "false" );
so.write("media");
// ]]>
</script>

Thanks!

dkg · 10-26-2008, 11:43 PM

Never mind I figured it out... The people who designed Camtasia are idiots!
The use of div id restricts people to only loading 1 video per page seeing div id can only be used once per page (can't use the same div name twice)

and so when I tried to load these 3 videos, only the first would load because the other 2 were using the same div names obviously... What Camtasia should have used is div class... then no one would ever have this problem... well, hopefully this will help someone who have had or is having the same problem.