Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 1860
  • Last Modified:

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

0
pzozulka
Asked:
pzozulka
  • 7
  • 6
1 Solution
 
myderrickCommented:
Found this article:
http://www.htmlcodetutorial.com/help/ftopic13710.html

Was it helpful?

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

MD
0
 
pzozulkaAuthor Commented:
Can you specifically tell me the location where to insert this? I don't know too much about HTML.
0
Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

 
myderrickCommented:
In your code look for this: <PARAM NAME="WMode"              VALUE="Window">

Change the "window" to "transparent"

Try it.

MD
0
 
pzozulkaAuthor Commented:
Thanks. Changed the value to transparent, but it still doesn't work.
0
 
myderrickCommented:
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.
0
 
pzozulkaAuthor Commented:
Will try opaque as well. The site is not live. Will check out those links, thanks.
0
 
pzozulkaAuthor Commented:
opaque didn't work either. Thanks.
0
 
myderrickCommented:
I will be back.

But review those links as well.

MD
0
 
pzozulkaAuthor Commented:
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.
0
 
myderrickCommented:
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
0
 
pzozulkaAuthor Commented:
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.
0

Featured Post

Become an Android App Developer

Ready to kick start your career in 2018? Learn how to build an Android app in January’s Course of the Month and open the door to new opportunities.

  • 7
  • 6
Tackle projects and never again get stuck behind a technical roadblock.
Join Now