Link to home
Start Free TrialLog in
Avatar of pzozulka
pzozulka

asked on

Website cannot play SWF video in Firefox

I have posted the HTML code to our web page, that plays a little training video. The training video is a SWF file type. It plays perfectly fine in Internet Explorer, but will not play in Firefox.

Any ideas why firefox can't play this? This was mentioned by one of our staff, and all other computers confirmed that firefox can't play this for some reason.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
<head>
 
<!-- saved from url=(0025)http://www.techsmith.com/ -->
 
<title>Created by Camtasia Studio 3</title>
 
<style>
 
a:link {font-size:small;text-decoration:none;padding-top:5px;padding-bottom:5px;padding-left:2px;padding-right:5px;color:black;display:block;margin-top:0px;margin-bottom:0px;}
 
a:visited {font-size:small;text-decoration:none;padding-top:5px;padding-bottom:5px;padding-left:2px;padding-right:5px;display:block;margin-top:0px;margin-bottom:0px;}
 
a:hover {
 
        font-size:small;
 
        text-decoration:none;
 
        padding-top:4px;padding-bottom:4px;padding-left:2px;padding-right:5px;        
 
        border-top:1px solid #666666;
 
        border-bottom:1px solid #666666;
 
        background-color:white;
 
        margin-top:0px;margin-bottom:0px;
 
}
 
 
 
a.notdisplayed:link {
 
      font-size: small;
 
      text-decoration: underline;
 
      padding: 3px; 
 
      border: 0;     
 
      display:inline
 
}
 
 
 
a.notdisplayed:visited{
 
      font-size: small;
 
      text-decoration: underline;
 
      padding: 3px; 
 
      border: 0;     
 
      display:inline
 
}
 
 
 
 
 
a.notdisplayed:hover {
 
      font-size: small;
 
      text-decoration: underline;
 
      padding: 3px;   
 
      border: 0;
 
      background-color: transparent;
 
      display:inline
 
}
 
 
 
p{margin-top:-1px;margin-bottom:0px;vertical-align:middle;font-size:small;}
 
.title{text-indent:6px;padding-bottom:3px;margin-top:-15px;vertical-align:middle;font-size:small;font-weight:bold;color:#444444;}
 
 
 
BODY {
 
   BORDER-TOP-WIDTH: 0px;
 
   PADDING-RIGHT: 0px;
 
   PADDING-LEFT: 0px;
 
   BORDER-LEFT-WIDTH: 0px;
 
   BORDER-BOTTOM-WIDTH: 0px;
 
   PADDING-BOTTOM: 0px;
 
   MARGIN: 0px;
 
   PADDING-TOP: 0px;
 
   BORDER-RIGHT-WIDTH: 0px;
 
   vertical-align: top;
 
}
 
BODY {
 
padding-top:2%;
 
   PADDING-BOTTOM: 0px;
 
   COLOR: #000000;
 
   FONT-FAMILY: "Arial", san-serif;
 
   BACKGROUND-COLOR: #cccccc;
 
   background-repeat: repeat-x;
 
   background-position: center top;
 
   background-image: url(reptraining_media/images/background_darker.gif);
 
}</style>
 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 
<META name="Author" content="John Smith">
 
<META name="Title" content="Company Training">
 
<META name="Copyright" content="Company">
 
<META name="Description" content="How to set up user preferences.">
 
 
 
<script language=javascript type="text/javascript">
 
function OnLoad()
 
{
 
   timerInit();
 
}
 
</script>
 
 
 
<Script language=javascript type="text/javascript" >
 
function SeekTime( Time )
 
{
 
    var FrameRate        = 14;
 
    var Frame            = Math.floor(Time * FrameRate);
 
    var swfMovie;
 
    
 
        if( eval( document.embeds["EmbedflashMovie"] ) != undefined ) 
 
    {
 
          swfMovie = document.embeds["EmbedflashMovie"];
 
        } 
 
        else 
 
        {
 
          swfMovie = window.document.flashMovie;
 
        }
 
                    
 
        
 
    var TotalFrames = swfMovie.TGetPropertyNum("/movieLoader_csmovie/movie_mc", 5);
 
    if ( Frame > TotalFrames-1 ) Frame = TotalFrames-1;
 
 
 
    swfMovie.TGotoFrame("/movieLoader_csmovie/movie_mc", Frame);
 
    swfMovie.TPlay("/movieLoader_csmovie/movie_mc");
 
    swfMovie.TCallFrame("/movieLoader_csmovie/movie_mc", Frame);
 
}
 
</Script>
 
 
 
 
 
 
 
<script language=javascript type="text/javascript">
 
 
 
function ScrollToIndex( DivID, destIndex ) 
 
{
 
   var nDestYCoord = destIndex.offsetTop; 
 
   var thisNode    = destIndex; 
 
   
 
   while ( thisNode.offsetParent && ( thisNode.offsetParent !=  document.body) ) 
 
   { 
 
      thisNode     = thisNode.offsetParent; 
 
      nDestYCoord += thisNode.offsetTop; 
 
   }
 
 
 
   nCurWindowYPos = GetCurrentScrollYPos( DivID.id );
 
 
 
   //Only scroll if it's needed..
 
   if( destIndex.offsetTop + destIndex.offsetHeight > DivID.clientHeight )
 
   {      
 
      nDestYCoord -= DivID.clientHeight;
 
      
 
      if( nDestYCoord > DivID.scrollTop )
 
      {
 
         DivID.scrollTop = nDestYCoord;
 
      }
 
   }
 
}
 
 
 
function GetCurrentScrollYPos( DivID ) 
 
{ 
 
   var aDivs = document.body.getElementsByTagName("DIV");
 
 
 
   for ( var i=0; i < aDivs.length; i++ ) 
 
   { 
 
      var Div = aDivs[i]; 
 
 
 
      if ( Div.id == DivID ) 
 
      { 
 
         return Div.scrollTop
 
      }
 
   }
 
 
 
   return 0;
 
}
 
 
 
</script>
 
 
 
<script language=javascript type="text/javascript">
 
var g_LastFrame = 0;
 
 
 
function timerInit() 
 
{
 
   //Sets the timer to check every .1 second
 
   window.setInterval("timer()", 100);
 
}
 
 
 
function timer() 
 
{    
 
   var destIndex = null;
 
   
 
      var FrameRate = 14;
 
      var swfMovie;
 
    if( eval( document.embeds["EmbedflashMovie"] ) != undefined ) 
 
    {
 
          swfMovie = document.embeds["EmbedflashMovie"];
 
        } 
 
        else 
 
        {
 
          swfMovie = window.document.flashMovie;
 
        }
 
                
 
      var CurFrame = swfMovie.TCurrentFrame("/movieLoader_csmovie/movie_mc");
 
      var curTime  = (CurFrame+1) / FrameRate;
 
      if( curTime >= 0.000000 && curTime < 50.915002 )
 
      {
 
         document.getElementById('Index0').style.backgroundColor = '#ffffcc';
 
         destIndex = document.getElementById('Index0');
 
      }
 
      else
 
      {
 
         document.getElementById('Index0').style.backgroundColor = '';
 
      }
 
      if( curTime >= 50.915002 && curTime < 176.885008 )
 
      {
 
         document.getElementById('Index1').style.backgroundColor = '#ffffcc';
 
         destIndex = document.getElementById('Index1');
 
      }
 
      else
 
      {
 
         document.getElementById('Index1').style.backgroundColor = '';
 
      }
 
      if( curTime >= 176.885008 && curTime < 274.976013 )
 
      {
 
         document.getElementById('Index2').style.backgroundColor = '#ffffcc';
 
         destIndex = document.getElementById('Index2');
 
      }
 
      else
 
      {
 
         document.getElementById('Index2').style.backgroundColor = '';
 
      }
 
      if( curTime >= 274.976013 && curTime < 363.461017 )
 
      {
 
         document.getElementById('Index3').style.backgroundColor = '#ffffcc';
 
         destIndex = document.getElementById('Index3');
 
      }
 
      else
 
      {
 
         document.getElementById('Index3').style.backgroundColor = '';
 
      }
 
      if( curTime >= 363.461017 && curTime < 696.366033 )
 
      {
 
         document.getElementById('Index4').style.backgroundColor = '#ffffcc';
 
         destIndex = document.getElementById('Index4');
 
      }
 
      else
 
      {
 
         document.getElementById('Index4').style.backgroundColor = '';
 
      }
 
      if( curTime >= 696.366033 && curTime < 750.945036 )
 
      {
 
         document.getElementById('Index5').style.backgroundColor = '#ffffcc';
 
         destIndex = document.getElementById('Index5');
 
      }
 
      else
 
      {
 
         document.getElementById('Index5').style.backgroundColor = '';
 
      }
 
      if( curTime >= 750.945036 && curTime < 949.506045 )
 
      {
 
         document.getElementById('Index6').style.backgroundColor = '#ffffcc';
 
         destIndex = document.getElementById('Index6');
 
      }
 
      else
 
      {
 
         document.getElementById('Index6').style.backgroundColor = '';
 
      }
 
      if( curTime >= 949.506045 && curTime < 1002.816048 )
 
      {
 
         document.getElementById('Index7').style.backgroundColor = '#ffffcc';
 
         destIndex = document.getElementById('Index7');
 
      }
 
      else
 
      {
 
         document.getElementById('Index7').style.backgroundColor = '';
 
      }
 
      if( curTime >= 1002.816048 && curTime < 1089.466052 )
 
      {
 
         document.getElementById('Index8').style.backgroundColor = '#ffffcc';
 
         destIndex = document.getElementById('Index8');
 
      }
 
      else
 
      {
 
         document.getElementById('Index8').style.backgroundColor = '';
 
      }
 
 
 
 
 
   if( destIndex != null && g_LastFrame != CurFrame )
 
   {
 
      g_LastFrame = CurFrame;
 
      ScrollToIndex( document.getElementById('IndexLinksDiv'), destIndex );
 
   }
 
}
 
</script>   
 
</head>
 
<body onload="OnLoad()"> 
 
<table border="0" align="center" cellpadding="0" cellspacing="0">
 
<tr><td valign="top">
 
<table border="0" cellspacing="0" cellpadding="0" style="width:185px;">
 
<tr>
 
<td style="border-bottom:2px #669933 solid;"><img src="reptraining_media/images/border_top.gif" /><div id="IndexLinksDiv" style="overflow:auto;height:397px;margin-top:-3px;vertical-align:top;background-image:url(reptraining_media/images/bg_table_light.gif);border-left:2px solid #669933;border-top:2px solid #669933;padding:0px;">
 
  <br /><p class="title">
 
    Training
 
            </p>
 
    <p class="border" id="Index0"><a href="javascript:SeekTime(0.000000);">1. Introduction</a></p>
 
<p class="border" id="Index1"><a href="javascript:SeekTime(50.915002);">2. Step 1 of 7</a></p>
 
<p class="border" id="Index2"><a href="javascript:SeekTime(176.885008);">3. Step 2 of 7</a></p>
 
<p class="border" id="Index3"><a href="javascript:SeekTime(274.976013);">4. Step 3 of 7</a></p>
 
<p class="border" id="Index4"><a href="javascript:SeekTime(363.461017);">5. Step 4 of 7 (Add  ...</a></p>
 
<p class="border" id="Index5"><a href="javascript:SeekTime(696.366033);">6. Step 5 of 7 (Add  ...</a></p>
 
<p class="border" id="Index6"><a href="javascript:SeekTime(750.945036);">7. Step 6 of 7</a></p>
 
<p class="border" id="Index7"><a href="javascript:SeekTime(949.506045);">8. .NOC/Non Ordering ...</a></p>
 
<p class="border" id="Index8"><a href="javascript:SeekTime(1002.816048);">9. Step 7 of 7 (Bill ...</a></p>
 
 
 
      </div></td>
 
    </tr>
 
    <tr>
 
      <td style="width:185px;height:15px;border-top:2px #669933 solid;"><img src="reptraining_media/images/border_bottom.gif" style="margin-top:-3px;"/></td>
 
    </tr>
 
  </table></td>
 
  <td valign="top">
 
  <table border="0" cellspacing="0" cellpadding="0">
 
    <tr>
 
      <td style="border-top:2px solid #669933;background-color:#cccccc;"><img src="reptraining_media/images/spacer.gif" width="20" height="15" /></td>
 
      <td style="border-top:2px solid #669933;background-color:#cccccc;"><img src="reptraining_media/images/spacer.gif" width="15" height="15" /></td>
 
      <td style="background-image:url(reptraining_media/images/border_top_right.gif);"><img src="reptraining_media/images/spacer.gif" width="15" height="15" /></td>
 
    </tr>
 
    <tr>
 
      <td style="border-left:2px solid #669933;background-color:#cccccc;">&nbsp;</td>
 
      <td style="background-color:#cccccc;"><object id  ="flashMovie" 
 
   codeBase ="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" 
 
   height   ="497" 
 
   width    ="640 "
 
   classid  ="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" VIEWASTEXT>
 
   <PARAM NAME="_cx"                VALUE="26">
 
   <PARAM NAME="_cy"                VALUE="26">
 
   <PARAM NAME="FlashVars"          VALUE="csConfigFile=reptraining_media/reptraining_config.xml">
 
   <PARAM NAME="Movie"              VALUE="reptraining_media/reptraining_controller.swf?csConfigFile=reptraining_media/reptraining_config.xml">   
 
   <PARAM NAME="Src"                VALUE="reptraining_media/reptraining_controller.swf?csConfigFile=reptraining_media/reptraining_config.xml">
 
   <PARAM NAME="WMode"              VALUE="Window">
 
   <PARAM NAME="Quality"            VALUE="high">
 
   <PARAM NAME="SAlign"             VALUE="">
 
   <PARAM NAME="Menu"               VALUE="-1">
 
   <PARAM NAME="Base"               VALUE="">
 
   <PARAM NAME="AllowScriptAccess"  VALUE="always">
 
   <PARAM NAME="DeviceFont"         VALUE="0">
 
   <PARAM NAME="EmbedMovie"         VALUE="0">
 
   <PARAM NAME="BGColor"            VALUE="#FFFFFF">
 
   <PARAM NAME="SWRemote"           VALUE="">
 
   <PARAM NAME="MovieData"          VALUE="">
 
   <PARAM NAME="SeamlessTabbing"    VALUE="1">
 
                                                                        
 
   <EMBED id          ="EmbedflashMovie"
 
          src         ="reptraining_media/reptraining_controller.swf?csConfigFile=reptraining_media/reptraining_config.xml" 
 
          flashvars   ="csConfigFile=reptraining_config.xml" 
 
          quality     ="high" 
 
          bgcolor     ="#FFFFFF" 
 
          width       ="640" 
 
          height      ="497" 
 
          type        ="application/x-shockwave-flash" 
 
          pluginspace ="http://www.macromedia.com/go/getflashplayer">        
 
   </EMBED>
 
</OBJECT> <br> </td>
 
      <td style="border-right:2px solid #669933;background-color:#cccccc;"><img src="reptraining_media/images/spacer.gif" /></td>
 
    </tr>
 
    <tr>
 
      <td><img src="reptraining_media/images/border_bottom_left.gif" width="20" height="20" /></td><td><img src="reptraining_media/images/bottom.gif" width="100%" height="20"/></td>
 
      <td><img src="reptraining_media/images/border_bottom_right.gif" width="20" height="20" /></td></tr></table></td></tr></table>
 
</body></html>

Open in new window

Avatar of myderrick
myderrick
Flag of Ghana image

Found this article:
http://www.htmlcodetutorial.com/help/ftopic13710.html

Was it helpful?

MD
Try setting this parameters <param name='wmode' value="transparent">

MD
Avatar of pzozulka
pzozulka

ASKER

Can you specifically tell me the location where to insert this? I don't know too much about HTML.
ASKER CERTIFIED SOLUTION
Avatar of myderrick
myderrick
Flag of Ghana image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Thanks. Changed the value to transparent, but it still doesn't work.
First try "opaque" rather "transparent".

If that doesn't work then I will find a solution. In the interim please visit these link.

http://forums.mozillazine.org/viewtopic.php?t=387970
http://answers.yahoo.com/question/index?qid=20090129192349AAkPrHF
http://sillydog.org/forum/sdt_13141.php
http://forums.swishzone.com/index.php?showtopic=64522

If the site is live can you post the link here? If not I will be back with a solution.

Good luck

MD - Will be away for some hours.
Will try opaque as well. The site is not live. Will check out those links, thanks.
opaque didn't work either. Thanks.
I will be back.

But review those links as well.

MD
I went through those links, and tried some of the suggestions that worked for others, but it didn't work for me. Its obvious im no HTML guru, but I think I followed those instructions pretty accurately. Something else in my code is wrong.

Thanks myderrick.
Then try cleaning up your html. Maybe there may be some tags that have not been closed.

Try validating the html with the online validator - http://validator.w3.org

If all fails, then check the Google documentation for embedding flash/swf objects from here - http://code.google.com/p/swfobject/

Good luck.

Let me have some feedback.

MD
Do you see if there is anything wrong with the code? The Validator website did find a bunch of errors, but I guess IE looks beyond them. I don't have enough expertise to correct the code even if the validator is pointing out the problems.

Any direct suggestions would help. Thanks.