Comments on: How to put an HTML element on top of a Flash movie http://www.robertnyman.com/2007/01/29/how-to-put-an-html-element-on-top-of-a-flash-movie/ Web development and Internet trends Mon, 08 Sep 2008 07:22:03 +0000 http://wordpress.org/?v=2.6.1 By: Vasyu http://www.robertnyman.com/2007/01/29/how-to-put-an-html-element-on-top-of-a-flash-movie/#comment-367033 Vasyu Fri, 08 Aug 2008 17:55:06 +0000 http://www.robertnyman.com/2007/01/29/how-to-put-an-html-element-on-top-of-a-flash-movie/#comment-367033 6UUtJh Vasyu testit vasyu.net 6UUtJh Vasyu testit vasyu.net

]]> By: goga http://www.robertnyman.com/2007/01/29/how-to-put-an-html-element-on-top-of-a-flash-movie/#comment-250056 goga Tue, 15 Apr 2008 15:50:35 +0000 http://www.robertnyman.com/2007/01/29/how-to-put-an-html-element-on-top-of-a-flash-movie/#comment-250056 thanks alot man, I struggled with this for a while. thanks alot man, I struggled with this for a while.

]]> By: Lee http://www.robertnyman.com/2007/01/29/how-to-put-an-html-element-on-top-of-a-flash-movie/#comment-210618 Lee Fri, 15 Feb 2008 09:31:39 +0000 http://www.robertnyman.com/2007/01/29/how-to-put-an-html-element-on-top-of-a-flash-movie/#comment-210618 Another note, if you set wmode to opaque or transparent, Flash movies and games won't be able to respond to the mouse wheel in Firefox (whether anything is on top of them or not). https://bugs.adobe.com/jira/browse/SDK-12415 I wanted to use wmode=opaque to display a HUD with instructions for Flash games, but not with that bug. Another note, if you set wmode to opaque or transparent, Flash movies and games won’t be able to respond to the mouse wheel in Firefox (whether anything is on top of them or not).

https://bugs.adobe.com/jira/browse/SDK-12415

I wanted to use wmode=opaque to display a HUD with instructions for Flash games, but not with that bug.

]]> By: heavenlyjohnson http://www.robertnyman.com/2007/01/29/how-to-put-an-html-element-on-top-of-a-flash-movie/#comment-72575 heavenlyjohnson Fri, 22 Jun 2007 11:52:48 +0000 http://www.robertnyman.com/2007/01/29/how-to-put-an-html-element-on-top-of-a-flash-movie/#comment-72575 I've been mucking around with this for hours and having big headaches. I finally found the bug. If I declare the div containing the flash object position:absolute the flash always goes on top of the HTML and ignores my z-index. I switched from using an absolutely positioned layout to a float layout and bingo, everything suddenly works. I’ve been mucking around with this for hours and having big headaches. I finally found the bug. If I declare the div containing the flash object position:absolute the flash always goes on top of the HTML and ignores my z-index.

I switched from using an absolutely positioned layout to a float layout and bingo, everything suddenly works.

]]> By: awahid http://www.robertnyman.com/2007/01/29/how-to-put-an-html-element-on-top-of-a-flash-movie/#comment-66195 awahid Mon, 04 Jun 2007 07:58:38 +0000 http://www.robertnyman.com/2007/01/29/how-to-put-an-html-element-on-top-of-a-flash-movie/#comment-66195 Do we have solution for firefox ? I tried examples/Demos but they are not working with firefox Do we have solution for firefox ?
I tried examples/Demos but they are not working with firefox

]]> By: roberto http://www.robertnyman.com/2007/01/29/how-to-put-an-html-element-on-top-of-a-flash-movie/#comment-60783 roberto Fri, 18 May 2007 08:35:30 +0000 http://www.robertnyman.com/2007/01/29/how-to-put-an-html-element-on-top-of-a-flash-movie/#comment-60783 The site flkrs as in any previous example; i still don't see a solution. The site flkrs as in any previous example; i still don’t see a solution.

]]> By: Robert Nyman http://www.robertnyman.com/2007/01/29/how-to-put-an-html-element-on-top-of-a-flash-movie/#comment-60294 Robert Nyman Wed, 16 May 2007 18:19:36 +0000 http://www.robertnyman.com/2007/01/29/how-to-put-an-html-element-on-top-of-a-flash-movie/#comment-60294 vnart, Great to hear! vnart,

Great to hear!

]]> By: vnart http://www.robertnyman.com/2007/01/29/how-to-put-an-html-element-on-top-of-a-flash-movie/#comment-60266 vnart Wed, 16 May 2007 15:29:45 +0000 http://www.robertnyman.com/2007/01/29/how-to-put-an-html-element-on-top-of-a-flash-movie/#comment-60266 I found it work just fine with the transparent mode. Take a look at this example: <a href="http://www.encodedart.com" rel="nofollow">Example 1</a> I found it work just fine with the transparent mode. Take a look at this example: Example 1

]]> By: Filter 23/3 2007 - Felt http://www.robertnyman.com/2007/01/29/how-to-put-an-html-element-on-top-of-a-flash-movie/#comment-43973 Filter 23/3 2007 - Felt Fri, 23 Mar 2007 07:08:51 +0000 http://www.robertnyman.com/2007/01/29/how-to-put-an-html-element-on-top-of-a-flash-movie/#comment-43973 [...] Robert Nyman: How to put an HTML element on top of a Flash movie [...] [...] Robert Nyman: How to put an HTML element on top of a Flash movie [...]

]]> By: Roberto http://www.robertnyman.com/2007/01/29/how-to-put-an-html-element-on-top-of-a-flash-movie/#comment-42239 Roberto Tue, 13 Mar 2007 08:56:10 +0000 http://www.robertnyman.com/2007/01/29/how-to-put-an-html-element-on-top-of-a-flash-movie/#comment-42239 Sorry link not working: <a href="http://www.adobe.com/cfusion/communityengine/index.cfm?event=showdetails&productId=1&postId=1801" rel="nofollow">adobe's notes</a> Sorry link not working:

adobe’s notes

]]> By: Roberto http://www.robertnyman.com/2007/01/29/how-to-put-an-html-element-on-top-of-a-flash-movie/#comment-42238 Roberto Tue, 13 Mar 2007 08:55:06 +0000 http://www.robertnyman.com/2007/01/29/how-to-put-an-html-element-on-top-of-a-flash-movie/#comment-42238 Hello again, I want to conclude my research by sharing the tech notes from adobe related to this topic. Situation: As i was not in a position to fix the flash/safari bug when trying to achieve html on top, i have decided to focus my research on Safari. But it did not take me much before i have found adobe's notes: <a>Adobe </a> It is a shame really, but i guess we all have to wait and that's it. Thanks Hello again,

I want to conclude my research by sharing the tech notes from adobe related to this topic.

Situation:

As i was not in a position to fix the flash/safari bug when trying to achieve HTML on top, i have decided to focus my research on Safari.

But it did not take me much before i have found adobe’s notes:

Adobe

It is a shame really, but i guess we all have to wait and that’s it.

Thanks

]]> By: Robert Nyman http://www.robertnyman.com/2007/01/29/how-to-put-an-html-element-on-top-of-a-flash-movie/#comment-42231 Robert Nyman Tue, 13 Mar 2007 08:00:28 +0000 http://www.robertnyman.com/2007/01/29/how-to-put-an-html-element-on-top-of-a-flash-movie/#comment-42231 Roberto, Great, thanks for sharing! Roberto,

Great, thanks for sharing!

]]> By: Roberto http://www.robertnyman.com/2007/01/29/how-to-put-an-html-element-on-top-of-a-flash-movie/#comment-42081 Roberto Mon, 12 Mar 2007 13:55:35 +0000 http://www.robertnyman.com/2007/01/29/how-to-put-an-html-element-on-top-of-a-flash-movie/#comment-42081 Hi, I have been playing around in creating a quick demo. In here we have: 1: A normal html web site with a html navigation - on top of the flash 2: The site is loading the content into a div without to refresh the page (some sort of ajax) 3: The html navigation is loading the html content into the div and it is also controlling the flash at the same time (changes its flash bkg colour in this case). 4: If javascript is off the html site will work as normal but with no flash and no ajax thingy 5: the web site should be totally accessible or at least to whatever degree html can be accessible. but it is not more a flash problem. 6: About bookmarking and back buttons i have found this link that may help us: <a href="http://www.onjava.com/pub/a/onjava/2005/10/26/ajax-handling-bookmarks-and-back-button.html" rel="nofollow"> Back & Bookmarking</a> At the moment this seems all to work fine; i have some issue in safari but I believe this can be solved as adobe.com seems to have not problem with their drop down menu on top of the flash in safari. Possibly we have some whatever other issue but i believe they can be solved. I would love to hear what you all think. <a href="http://www.robertomarras.com/html_flash/ultimate/" rel="nofollow">Demo</a> Thanks Hi,

I have been playing around in creating a quick demo.

In here we have:

1: A normal HTML web site with a HTML navigation - on top of the flash

2: The site is loading the content into a div without to refresh the page (some sort of AJAX)

3: The HTML navigation is loading the HTML content into the div and it is also controlling the flash at the same time (changes its flash bkg colour in this case).

4: If javascript is off the HTML site will work as normal but with no flash and no AJAX thingy

5: the web site should be totally accessible or at least to whatever degree HTML can be accessible. but it is not more a flash problem.

6: About bookmarking and back buttons i have found this link that may help us: Back & Bookmarking

At the moment this seems all to work fine; i have some issue in safari but I believe this can be solved as adobe.com seems to have not problem with their drop down menu on top of the flash in safari.

Possibly we have some whatever other issue but i believe they can be solved.

I would love to hear what you all think.

Demo

Thanks

]]> By: Robert Nyman http://www.robertnyman.com/2007/01/29/how-to-put-an-html-element-on-top-of-a-flash-movie/#comment-37294 Robert Nyman Tue, 20 Feb 2007 07:50:09 +0000 http://www.robertnyman.com/2007/01/29/how-to-put-an-html-element-on-top-of-a-flash-movie/#comment-37294 Grant, Interesting. Do you have any examples of that? Chris, Good to know! Thanks for sharing! Grant,

Interesting. Do you have any examples of that?

Chris,

Good to know! Thanks for sharing!

]]> By: Chris Korhonen http://www.robertnyman.com/2007/01/29/how-to-put-an-html-element-on-top-of-a-flash-movie/#comment-37006 Chris Korhonen Mon, 19 Feb 2007 03:03:33 +0000 http://www.robertnyman.com/2007/01/29/how-to-put-an-html-element-on-top-of-a-flash-movie/#comment-37006 Watch out when setting the wmode property if you have a large Flash movie, where the vertical height extends beyond the browser viewport. This is where I have encountered situations where the hit area is offset by <em>x</em> pixels. Also beware in this situation if your movie is supposed to do anything on the mousewheel event, you will often have the side effect of also scrolling the containing page as the browser isn't sure what element has focus. Another, weird, problem encountered in this scenario, and only in Firefox, is that the flashing cursor when a form field is selected within the Flash movie seems to vanish.... Watch out when setting the wmode property if you have a large Flash movie, where the vertical height extends beyond the browser viewport. This is where I have encountered situations where the hit area is offset by x pixels.

Also beware in this situation if your movie is supposed to do anything on the mousewheel event, you will often have the side effect of also scrolling the containing page as the browser isn’t sure what element has focus.

Another, weird, problem encountered in this scenario, and only in Firefox, is that the flashing cursor when a form field is selected within the Flash movie seems to vanish….

]]> By: Grant http://www.robertnyman.com/2007/01/29/how-to-put-an-html-element-on-top-of-a-flash-movie/#comment-34234 Grant Thu, 08 Feb 2007 03:29:13 +0000 http://www.robertnyman.com/2007/01/29/how-to-put-an-html-element-on-top-of-a-flash-movie/#comment-34234 Beware that with name="wmode" value="transparent" there are problems with accessibility. Screen readers do not recognise the Flash content. Beware that with name=”wmode” value=”transparent” there are problems with accessibility. Screen readers do not recognise the Flash content.

]]> By: Rob http://www.robertnyman.com/2007/01/29/how-to-put-an-html-element-on-top-of-a-flash-movie/#comment-33522 Rob Mon, 05 Feb 2007 14:38:50 +0000 http://www.robertnyman.com/2007/01/29/how-to-put-an-html-element-on-top-of-a-flash-movie/#comment-33522 Works great for me on IE7, but no joy on Firefox 2.0. Works great for me on IE7, but no joy on Firefox 2.0.

]]> By: Robert Nyman http://www.robertnyman.com/2007/01/29/how-to-put-an-html-element-on-top-of-a-flash-movie/#comment-32173 Robert Nyman Thu, 01 Feb 2007 07:22:56 +0000 http://www.robertnyman.com/2007/01/29/how-to-put-an-html-element-on-top-of-a-flash-movie/#comment-32173 Bruno, Interesting. I've seen <code>opaque</code> mentioned as well, but I didn't know if it was less performance intense. Thanks for the tip! Bruno,

Interesting. I’ve seen opaque mentioned as well, but I didn’t know if it was less performance intense. Thanks for the tip!

]]> By: Bruno Torres http://www.robertnyman.com/2007/01/29/how-to-put-an-html-element-on-top-of-a-flash-movie/#comment-32035 Bruno Torres Wed, 31 Jan 2007 22:46:18 +0000 http://www.robertnyman.com/2007/01/29/how-to-put-an-html-element-on-top-of-a-flash-movie/#comment-32035 If the flash movie isn't actually transparent, you can use wmode opaque wich is a little less CPU consuming, methinks. If the flash movie isn’t actually transparent, you can use wmode opaque wich is a little less CPU consuming, methinks.

]]> By: Robert Nyman http://www.robertnyman.com/2007/01/29/how-to-put-an-html-element-on-top-of-a-flash-movie/#comment-31869 Robert Nyman Wed, 31 Jan 2007 08:12:38 +0000 http://www.robertnyman.com/2007/01/29/how-to-put-an-html-element-on-top-of-a-flash-movie/#comment-31869 adam, Nick, Thanks for your comments. It seems like it isn't a rock solid case then, unfortunately... :-( adam, Nick,

Thanks for your comments. It seems like it isn’t a rock solid case then, unfortunately… :-(

]]>