Flash objects not displaying in Firefox (but works fine in Chrome and IE)
Well, I'm trying to embed a Shockwave Flash object into a website I'm building. It displays in Chrome and IE, but it doesn't show up at all in Firefox. It's just white space. Ive tried it on two machines, so it's presumably the code. Both the machines have Adobe Flash enabled... I'm not sure what the problem is. I've not worked with embedding Flash objects in HTML before, so, it's probably something really obvious. I just used the insert command on dreamweaver and it wrote the code that I'm using. If anyone can help me, it would be much appreciated. Here's my code:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="99%" height="600" id="FlashID">
<param name="movie" value="The file path" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="10.1.0.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="the file path" width="99%" height="76.5%">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="10.1.0.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]-->
Modified by cor-el
All Replies (8)
I notice a difference in the file name: for IE you have "The file path" and for Firefox in the object data attribute: "the file path" I don't know if that is the real file name or that you typed this just to generalize.
<param name="movie" value="The file path" /> <object type="application/x-shockwave-flash" data="the file path" width="99%" height="76.5%">
Note that IE get the param twice as you only used the IE conditional code for the object tag and not included the param tags within the conditional code, like would happen if you code it this way:
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="the file path" width="99%" height="76.5%">
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="10.1.0.0" />
<param name="expressinstall" value="../Scripts/expressInstall.swf" />
</object>
<!--<![endif]-->
<!-- 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>
</object> /*(I'm not seeing this ending object tag for IE in your posted code)*/
If you can't post an address for a page demonstrating the problem, could you check the Web Console (Ctrl+Shift+k) and Browser Console (Ctrl+Shift+j) for any messages related to the Flash media? For example, does either console show that Firefox is requesting the SWF file? Does either show an error in content type or any kind of security message?
No, I just didn't think the file names were relevant. And yes, there was another ending object tag, I just didn't grab it.
No, there's nothing relating to Flash mentioned in the in the web or browser console.
The code looks OK, but make sure that the containing element has a width setting because you use a percentage (99%) and you would get 99% of zero if that width is not set.
What is selected if you right-click in the player area?
Do you see the Flash plugin or do you get a normal context menu?
You can use "Inspect Element" in the right-click context menu to open the built-in Inspector (Firefox/Tools > Web Developer;Ctrl+Shift+I) and use the icon on the left to be able to move the mouse around to select an element.
That would allow you to inspect the Flash plugin code.
Well, in Chrome and IE, it displays just fine. in Firefox, it doesn't even display anything at all. Just white. Inspect Element doesn't bring up anything pertaining to Flash at all.
EDIT: Er... I typed a sentence on here that I meant for an IM... please ignore if you saw it
Modified by deaconblues
What does it bring up if you right-click in that area and select "Inspect Element"?
Can you post a link to a publicly accessible page in case it doesn't require authentication (signing on)?
The site's not up for the public yet, sorry (I can ask my boss about it, but I won't talk to him until tomorrow at least).
Well, I changed that code you told me to change, and instead of showing nothing, it now shows the message "Content on this page requires a newer version of Adobe Flash Player." When I installed it though, and went back, it still says the same thing. I've tried it on 3 machines, and that's all I'm getting on all of them. When I click Inspect element, it now shows me the object tag... it shows the IE object tag elements instead of the !IE elements... dunno if that matters or not.
Sorry to be not much use... it's just I didn't even know I was supposed to know how to do this until yesterday (I do php and mysql programming primarily), and this thing has got me licked.
Is Flash installed and working properly?