Comments on: Rendering Flash Content with Dynamic WMODE Attributes

By: PeterT.

PeterT. — Fri, 09 Dec 2011 10:09:44 +0000

I love you so much exactly was I was looking for!
Tried already 5hours to solve this problem… very frustrating.
Thanks!

By: Allan

Allan — Sat, 24 Sep 2011 16:56:56 +0000

Hmm ... JQuery aside for a moment, the following simple JavaScript code works perfectly for me. Considering the following object tag:

Dynamically setting the rendered object's wmode at runtime works like this:


    // Once I have reference to my player (the_player) (choose your method),
    // I simply do ...

    var param_wmode = document.createElement('param');
    param_wmode.setAttribute('name', 'wmode');
    param_wmode.setAttribute('value', 'opaque');
    the_player.appendChild(param_wmode);
    the_player.wmode = 'opaque';

Done! Note:

    - This works just as well for embed tags; stand-alone (html5) or nested. Just set the embed's wmode attribute accordingly.
    - Success may also depend on your chosen doctype. I use the html5 doctype declaration, but I don't believe that's the secret here.

By: Josh

Josh — Tue, 11 Jan 2011 23:05:49 +0000

Thank you for this. If you want to use it without the embedWrapper class (and assuming your content folks are copying YouTube embed code, where an embed is wrapped in an object), lines 4 thru 9 can be replaced with:

$('object').each(function() { var newContent = $(this).clone(); $(this).replaceWith(newContent); });

Thanks again!

By: DrCord

DrCord — Wed, 15 Dec 2010 00:12:48 +0000

Very useful and works in all browsers, unlike other snippets I found. Thanks!

By: John

John — Tue, 23 Nov 2010 20:10:52 +0000

oops. that stripped out all my code. urgh…

By: John

John — Tue, 23 Nov 2010 20:10:23 +0000

Hey there, trying to get this to work and it definitely seems (even with updated code) to fail in IE7 and IE8. Though I am also trying to add the wrappers dynamically cause it’s for a blog:

my code:

$(“object”).wrap(”);
$(“object”).append(”);
$(“.embedHolder embed”).attr(“wmode”, “transparent”);
$(“.embedHolder”).each(
function () {
var cont = ” + $(this).html() + ”;
$(this).replaceWith(cont);
}
);

Any ideas?

By: Rendering Flash Content with Dynamic WMODE Attributes – Revisited | In Flagrante Delicto!

Wed, 18 Nov 2009 04:39:19 +0000

[...] am I talking about? You can read up on my original article if it pleases [...]

By: Ryan Ragona

Ryan Ragona — Wed, 23 Sep 2009 06:50:50 +0000

Yeah, this just sets the object to ‘display: none;’ – and as Josh / Joseph pointed out, it does something different in each browser. (Nevermind those crazy Firefox browser bugs with wmode=transparent… grrr.)

By: Joseph Labrecque

Joseph Labrecque — Tue, 22 Sep 2009 23:53:14 +0000

My understanding is that they modify the “display” CSS attribute to “none” and back again.

This is the trouble with HTML- while everyone cries “STANDARDS!” every browser still adheres to their own specific implementation.

Straight-up doesn’t work in IE!

By: Josh

Josh — Tue, 22 Sep 2009 23:39:41 +0000

You should check to see what show() and hide() actually do. If it removes the embedded content from the DOM entirely and adds it again, you should be fine. However, if it simply modifies the “display” or other related styles, then it’s important to note that browsers all behave a little differently. Some will reload the SWF entirely. Some will simply hide it, as those styles imply, but leave it running. Be sure to do cross-browser testing!