This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

So IE has an icon where Flash SWF embeds used to be, how do I get something similar in FF?

  • 5 replies
  • 1 has this problem
  • 15 views
  • Last reply by Sync

more options

Subject line says it all. I am discovering that FF 84.02 just leaves a blank spot where the Flash SWF used to be, making pages super confusing to view if they used to have a SWF on them because you frequently don't even know what the page was supposed to do.

Is there any way to get some sort of placeholder graphic like IE has? Or if not, are there plans to implement one?

Subject line says it all. I am discovering that FF 84.02 just leaves a blank spot where the Flash SWF used to be, making pages super confusing to view if they used to have a SWF on them because you frequently don't even know what the page was supposed to do. Is there any way to get some sort of placeholder graphic like IE has? Or if not, are there plans to implement one?
Attached screenshots

All Replies (5)

more options

That is an interesting idea.

The two tags typically used to embed Flash content are:

  • <object type="application/x-shockwave-flash">
  • <embed type="application/x-shockwave-flash"> (type isn't always included)

If the author included "fallback" content, then Firefox will display that instead, but if there was no fallback content, the object will just collapse and not be visible.

I don't know whether there is a web standard dictating that the object/embed disappear when it can't run. If not, then something else could be displayed. I suspect that might take a while to get approved, so in the short run, some kind of add-on or custom style rule might be a useful workaround.

more options

Along the lines of the last reply, this style rule marks missing Flash objects that have the prescribed type with a little message. An icon could be prettier, but...

object[type="application/x-shockwave-flash"]::before, 
embed[type="application/x-shockwave-flash"]::before {
  content: "Flash";
  padding: 2px 6px;
  color: #ff0;
  background-color: #444;
  border: 3px dotted #ff0 !important;
}
 

You can test this on any page using the Style Editor tool:

  • Press Shift+F7 to open the developer tools to the Style Editor
  • Above the file list on the left side, click the + button to create a new sheet
  • Paste the rule, and Firefox should apply it to the page within a few moments

Sample screenshot attached.

more options

Wow, thanks for this! This is a really cool idea and would probably solve the problem within our own website at a minimum.

I've never really played with ::before tags, alas. Is there a way to center that within the space that the old SWF would have taken though? Due to floating placement of the SWF the first time I tried it, it appears floating within a bunch of other text, naturally.

more options

Hmm, good question. What I noticed on the test page is that the width of the Flash object was collapsed to 0 instead of retaining the originally prescribed width, so I'm not sure how to maintain that.

Of course, if it's your own site, you can insert fallback content into the object tag like this (but obviously something nicer):

<object type="application/x-shockwave-flash"><div style="text-align: center">Flash is dead.</div></object>

more options

Argh, yeah I see what you mean. Will consider some way to push that fix too.

Well hopefully it won't be a problem for long anyway. We got like all but about twenty out of thousands of SWFs converted the HTML5 Canvas successfully. There were just a few that slipped through the cracks.

Thanks for your help! Would still be nice to see FF implement something to alert the user that something was supposed to be on the page, haha.