6/9/2009 HTML Over Flash

This is a quick update to the site, I have plans for some really cool tips coming up throughout this week, so keep coming back.

This update is for any web developers who happen to run into the same issue I did last week where you need to have some HTML/Javascript/CSS to appear over a Flash object. Well this doesn't sound (or at least appear) to be like it will be a problem, but it poses a problem for many people.

One option that you can do, but really is not the best way since it only works in Internet Explorer, is change the Z-index of the object to one that is greater to the Flash object, I used 100. But like I said, this only seems to work in Internet Explorer and only for certain HTML objects like <div>.

So what is the more efficient way to do this so it works in Internet Explorer, Firefox, and Chrome (probably others, but this is all I have to test with)? Between your <object> open and close tags, you need to add a parameter tag whose name is "wmode" and value is set to "transparent". So basically a typical Flash object would look like this:

<object type="application/x-shockwave-flash" data="flashFile.swf">
    <param name="movie" value="flashFile.swf" />
    <param name="wmode" value="transparent" />
</object>


Comments
Tarun wrote on December 19, 2009
I\'ve just now started to learn HTML. Yes yes, I know...welcome to the 21st century.

Tarun wrote on December 19, 2009
I\'ve just now started to learn HTML. Yes yes, I know...welcome to the 21st century.