Flash wmode opaque/transparent cause UI messup

Hi,
We are using Flex to develope flash tool, we have issues when embedded in iframe, if we are using default window wmode, everything is working fine, but unfortunately we can't use this mode because the iframe has a dropdown list and has to be above our flash layer, so we use opaque mode, we find that there are following two major issues:
1. UI rendering is messed up when user scrolls up and down using the scroll bar
2. user can't type in non-ascii characters
The first issue is a killer for us, if anyone can shed some lights on it, that would be super, I really googled for a many hours without a good solution yet.

I have definitely experienced the same issue(s). I was able to overcome these issues by upgrading to a later version of the Flex SDK and wrapping all of my content in the appropriate control for scrolling, eg when scrolling spark components, wrap them in a Group.
There are a lot of weird bugs with Flash Player when using wmode:opaque. I can't scroll using my mouse wheel when using wmode:opaque, and weird things happen with text inputs. This is a major bug in Flash Player that really needs to be addressed.

Similar Messages

Js lightbox w/ flash = wmode = opaque = problems!

I am currently building a flash site and want to incorporate a js lightbox to display artwork overtop the pages. From what I have read, the only way to allow content over flash is to set wmode = opaque or transparent. And that creates nothing but problems, particularly in Firefox. Is there anyway to use an application like a js lightbox and have it appear over flash without traveling into the "buggy" world of wmode? Is there a workaround? Or am I just one of the million people to complain about wmode?

Could someone please point me in the right direction? A discussion page, a tutorial? I know this really isn't AS3, but I don't know where else to look.

Wmode="opaque" causes poor video playback in IE

Hey all,
Website in question: http://www.lavalleprinting.com/newweb/defaultsample.asp
In building a new website for my company, I've created a page where javascript drop-down menus are intended to expand over/in front of a .flv video.
wmode="opaque" or wmode="transparent" allow the menus to appear on top of the video, but cause rough playback in all versions of IE. All other major browsers play smoothly.
If I remove the wmode parameter, the video plays smoothly in IE, but the menus appear behind it.
I've also tried reducing the bitrate of the video to an unwatchable 250kb/s, and playback is still choppy.
I'd like the video to play smoothly in IE. Is there any hope?
<object> code below:
<object width="352" height="288" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" id="FLVPlayer" style="position:relative; z-index:0;">
<param name="movie" value="FLVPlayer_Progressive.swf" />
<param name="salign" value="lt" />
<param name="quality" value="high" />
<param name="scale" value="noscale" />
<param name="wmode" value="opaque" />
<param name="FlashVars" value="&MM_ComponentVersion=1&skinName=Clear_Skin_1&streamName=/Video/PressVideo&autoPlay =true&autoRewind=false" />
<embed src="FLVPlayer_Progressive.swf" flashvars="&MM_ComponentVersion=1&skinName=Clear_Skin_1&streamName=/Video/PressVideo&auto Play=true&autoRewind=false" quality="high" wmode="opaque" scale="noscale" width="352" height="288" name="FLVPlayer" salign="LT" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

I hate to 'bump' this thread, but the doomsday of deployment is coming soon and I'd like to have this bug fixed.
Has anyone else run into the same problem? Is there some tweak I can make when encoding the .flv?

Flash wmode="transparent" not working in IE

For the life of me, I can't figure out how to make my swf transparent in IE. I've tested in Firefox, Opera, Safari, and Chrome on Windows 7 and it works fine, but in IE it is showing a black opaque background. I've seen the same issue on Safari on the Mac.
I now have 3 different variations of the code on the page, all 3 variations being transparent in Firefox, Opera, Safari, and Chrome on Windows 7, and all 3 variations NOT being transparent in Internet Explorer.
For 'attempt 2', I'm using swfobject which in theory should generate the correct code.
Page link is http://www.bikramyogabrighton.com/index_test_swf.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>Test page</title>
</head>
<body style="background-color:#CC6633;">
    
    <object width="450" height="375">
        <param name="movie" value="flash/sun.swf">
        <param name="wmode" value="transparent" />
        <embed src="flash/sun.swf" width="450" height="375" wmode="transparent"/></embed>
    </object>
    
    <script type="text/javascript" src="/js/swfobject/swfobject.js"></script>
    <script type="text/javascript">
        swfobject.registerObject("myFlashSun", "10.3.0", "/js/swfobject/expressInstall.swf");
    </script>
    <div id="flashsun">
        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="450" height="375" id="myFlashSun">
            <param name="movie" value="flash/sun.swf" />
            <param name="wmode" value="transparent" />
            
            <object type="application/x-shockwave-flash" data="flash/sun.swf" width="450" height="375">
                <param name="wmode" value="transparent" />
            </object>
            
        </object>
    </div>
    
    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="450" height="375" id="navigation">
     <param name="wmode" value="transparent" />
     <param name="allowScriptAccess" value="sameDomain" />
     <param name="movie" value="flash/sun.swf" />
     <param name="quality" value="high" />
     <param name="bgcolor" value="#000000" />
     <embed src="flash/sun.swf" quality="high" bgcolor="#000000" width="450" height="375" name="start" allowscriptaccess="sameDomain" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
    </object>
</body>
</html>
Any help much appreciated.

All 3 examples seem to render just fine in IE and FF.
See comparison photo:
http://www.cidigitalmedia.com/web_devel/background.jpg
If not working for you, try clearing your cache to remove any old, non working versions.
Test on some other machine besides yours.
Code looks fine and seems to work.
Best wishes,
Adninjastrator

WMODE="transparent" causes pop-up blocking

Ok, I know this sounds strange... I have 2 versions of the
same page, one with WMODE=”transparent” and the other
without.
With:
http://www.cabovillas.com/maps.asp
Without:
http://www.cabovillas.com/maps_pop.asp
The menu dropdown appears above the map on the page WITH the
transparency, as it should, but the pop-ups are blocked by IE
(click on the US map then click on Cabo San Lucas - the pop-up is
blocked.)
On the page WITHOUT transparency, the drop-down menu appears
behind the map, as expected - but unwanted, and IE doesn't block
the pop-ups.
So, I can have the drop-down appear above the map and block
the pop-ups, or have the dropdown appear under the map, with no
blockage. Does this make sense? Any way to have the drop-down
appear above the map, and not block the pop-ups?
Thanks!

Doesn't sound strange at all. Have you searched these forums
for WMODE?
It causes all kinds of crazy problems. Generally not
universally reproducible and totally dependent upon EXACTLY which
version of plugin, browser, phase of the moon, and platform.
Sorry I don't have any answer because I've never needed to do
what you are trying to do. Search the forums and see what has been
suggested.

Is it possible to have the flash document background transparent?

Hi all,
i was wondering if it was possible to have the background
colour of the document not an image as transparent there is no
option to select transparent from the colour selector so i asume it
cannot be done, however you guys always seem to amaze me with your
knowledge lol, i want it transparent so if i ever change the colour
of my site i wont need to change every button on it,
www.kernow-connect.com
any help would be great
thanks in advance
Luke

Try this
<object
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0"
width="184" height="68" title="Nike ID">
<param name="movie" value="../Newer Buttons/Clothing/Nike
ID/Nike ID.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<embed src="../Newer Buttons/Clothing/Nike ID/Nike
ID.swf" quality="high" pluginspage="
http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"
type="application/x-shockwave-flash" width="184" height="68"
wmode="transparent"></embed>
</object>

Update to Flash Player 11 has caused our Flash content to crash the Flash Player plugin. Why?

I work for a health and safety training company and we've create a SCORM compliant course using Flash that has been imported into Absorb LMS (our own instance of it www.astutis-elearning.com). There are nine modules in the course each developed using Flash Professional CS5.5.
These all worked fine using the Flash Player 10.3 plugin but since the Flash Player update to 11 our modules (not all Flash content) crash the plugin at certain places. Some modules load fine and then crash later, some modules get through the preloader scene and then crash as soon as it gets to the main menu. We've done some testing and don't know if it could be a Flash component that is causing the issue. At any rate, they used to work with 10.3 and they don't work with 11. We've tried on a number of machines and browsers. Its the same on all of them.
I am prepared to provide a login for people willing to help to see what is causing the problem.
This is an important issue as we have people who are currently on the course that may not be able to complete the course if they upgrade their version of Flash to the latest version. I hope I have provided enough information. Let me know if you need any more.

Paul and DevChaz,
Like you, I am a Flash Developer at a company that creates eLearning. Therefore, I assume that the way that we use Flash is very similar. I was quite excited as I read through this thread since I have been experiencing very similar browser crashes in my newer courses since FP11 came out. Like you, we have recently upgraded to CS5.5.
All of my crashes are with AS2 courses. I would be curious to know if yours are AS2 or AS3.
Anyway, I took my use case, saved the flas down to CS4 and recompiled all the swfs. This did not fix the problem as it did for you (see DevChaz's earlier post in this thread dated Oct 12, 2011 4:46 PM).
I have my problem logged in the Adobe BugBase here:
https://bugbase.adobe.com/index.cfm?event=bug&id=3018637
fpMonster,
I have recently added my cs4 versus cs5.5 compiled use_case on bugbase. I am hoping that you'll look at this use_case and compare it to PaulGray's use_case to see why my use_case does NOT work correctly when compiled in a lower version of the Flash IDE. In addition, perhaps you could share notes regarding this issue with someone at BugBase. Thanks in advance.

MouseLeave and mouseUp outside stage don't fire if wmode=opaque

http://fraticelli.info/temp/mouseFuncTest.html
Click and release on the stage. 'mouseDown' and 'mouseUp'
appear.
Mouse out of the stage. 'mouseLeave' appears.
Click and hold on the stage, then drag your cursor outside
the stage, then let go of the mouse button.
Neither 'mouseUp' or 'mouseLeave' fire.
Strangely this only happens if wmode=opaque!
Is Adobe aware of the problem? Are there any ways to work
around this?

This is actually good stuff and well written but I hesitate to advise people to use either the "oven trick" or really even the heat gun method as both are notriously short-lived even if they appear effective. Your far better bet is to send the board in to one of the vendors on the internet who are set up to do a proper reball. Even those fixes are good for maybe 12-18 mos. But again, you get a high grade for spelling it out.

Having issue with wmode opaque when used for games

Hi,
well i am using wmode opaque only because of chrome browser as it shows white blocks in game which no other browser show but only chrome. So i am using chorme, but due to use of wmode opaque the performance of game becomes very bad, the game become faster then it should be. I don't know what to do, any help would be appreciated.Here is the link to the demo of error to check the error you have to use the chrome browser.Play using first button and look at the speed of rotation of star, and then play through 2nd button and check rotation of star you will see the error.
http://www.bloghuts.com/2010/09/star-island.html
please help me.

can you give me the link to the place where i should post as i was not able to find actionscript
place,
and thanks for reply.

Wmode=opaque, origin of x, y of mousewheel event based on parent frame

wmode=opaque, origin of x, y of mousewheel event based on parent frame.
as a result , mousewheel on the dropdown of combo box, dropdown closed.
Header Area
Tab Area
SWF Area is here.
wmode=opaque
The x, y of mousewheel is missing for value of top and left area.
wmode=window
The x, y of mousewheel is correct.

http://forums.adobe.com/thread/628143

Flash player plug-in causing safari to crash

Hello,
I have been having a lot of problems lately with the flash player plug-in causing safari to lockup and at times crash. I have gone to the adobe website and reinstalled the flash player, but it still is happening. Is any one else having this problem? It happens on a wide variety of sites, and not just one. Any ideas why this is happening. Any help would be greatly appreciated. Thank you.
Derek Osterloh

Thanks for the files, that was really helpful. Google Image Search doesn't use Flash, but we're investigating a couple issues specific to this Intel 4000 chipset that have been reported on both Mac (Yosemite specifically) and Windows over the last couple weeks.
It's unlikely that Flash is causing this, just because we're interacting with the GPU at a pretty high level of abstraction. My suspicion is that this is a graphics driver bug.
My guess is that if you disable Hardware Acceleration in Flash and/or Safari, that this will go away. It's not an optimal solution, but it should give you a temporary workaround and confirm that we're looking in the right place.
The video troubleshooting guide includes instructions on disabling hardware acceleration in Flash:
https://helpx.adobe.com/flash-player/kb/video-playback-issues.html
I don't see an easy option in Safari 8 for disabling hardware acceleration, so let's start with that.

Flash player 10.1 caused my sound to stop. What do I do?! Maid Marian's World: Moon Base caused this!

Flash player 10.1 caused my sound to stop. What do I do?! Maid Marian's World: Moon Base caused this!
== URL of affected sites ==
http://www.maidmarian.com/MOONBASE.htm

Tested this site: http://www.angelfire.com/fl5/html-tutorial/a/couldyou.mid (quicktime)
No sound in Firefox.
Tested youtube. (shockwave flash)
No sound in Firefox.
Tried uninstalling and reinstalling firefox.
Tried uninstalling and reinstalling everything Adobe/flash.
Tried system restart.
Tried system shutdown and restart.
Cleared all kinds of history for today (when the problem started).
Going to try a new profile in about thirty minutes. Going to try safe mode in about thirty minutes. If you don't see another post in 45 minutes or so (5:30PM JST, Sat. May 29, 2010), it means a new profile and safe mode didn't help.

Wmode = opaque and local characters

Hello everyone!
I'm writing an application that uses the FCKEditor component from here:http://blog.aboutme.be/2009/08/17/using-fckeditor-in-flex-and-air/
To make it work, I had to add the "wmode", "opaque" parameter to my html template. Now everything works fine except I lost the ability to insert polish characters (RIGHT ALT + combination: A,C,E,L,N,O,S,Z and X) into components like textinput or textarea
Is there any way I could walk around this?
thanks in advance for any help!

Ideas anyone? I'm kind of running out of options here

Google Voice Widget Not Working in Safari 5.1 which is Adobe flash wmode transparent based

Google Voice Widget Not Working in Safari 5.1 which is Adobe flash with wmode transparent set. For that matter all flash text fields in Safari 5.1 are not working accross the web when wmode is set to transparent. This is a Safari bug! Other browsers work fine.
Well after much research Adobe flash text field with wmode transparent set is not working in Safari 5.1 when any flash object has the wmode set to "transparent", or "opaque". The problem is many site must layer flash objects with html so the wmode transparent must be used.
Affecting sites like BEST BUY, WALMART, CVS, STAPLES, Chechout their flash based weekly ads and find one that you need to update the quantity in the flash pop-up and the text field with keyboard strokes will not work. Flash text fields were all working fine until several month ago when Safari rolled out 5.1 working for Google Voice Flash based widget which uses the wmode transparent. HELP!
John Hooper
Techno Online Problem Solver
http://www.johnrhooper.com

All 3 examples seem to render just fine in IE and FF.
See comparison photo:
http://www.cidigitalmedia.com/web_devel/background.jpg
If not working for you, try clearing your cache to remove any old, non working versions.
Test on some other machine besides yours.
Code looks fine and seems to work.
Best wishes,
Adninjastrator

Flash wmode="transparent" still not working in IE

Hello there :),
I read many threads about this OLD problem, but saw no real solution at all. The threads are mainly older.
A drop down menu is always hidden by a flash movie in IE though wmode is set to transparent. In FF it works just fine!
Has anyone in 2013 solved this problem regarding the IE?
Thank you very much :).

Sometimes it is just a trial and error. The main thing is since I'm not working with your files, I have to mimic your scenario as best I can. Make sure you give it exact positions when stacking actual videos or swf files to force them to overlap. I tested this first with just a swf file and now the example is swapped to stack to youtube embeds as examples.
It really shouldn't matter if it is a dropdown or what type of activity, as long as you have the stacking correct. You can also, generally set the one in back to opaque. I updated the code snippet because this one seemed to read better.
<html>
<head>
</head>
<body>
          <div id="background" style="position:absolute; left:0px; top:0px; z-index:-50">
          <iframe title="YouTube video player" frameborder="0" allowfullscreen="true" allowtransparency="true" width="650px" height="750px" src="http://www.youtube.com/embed/FOHJUrcVdJk?amp;wmode=transparent"></iframe>
          </div>
          <div id="myDiv" style="position:absolute; left:0px; top:0px; z-index:1000;">
          <iframe title="YouTube video player" frameborder="0" allowfullscreen="true" allowtransparency="true" width="500px" height="500px" src="http://www.youtube.com/embed/FOHJUrcVdJk?amp;wmode=transparent"></iframe>
</div>
<body>
</html>

Flash wmode opaque/transparent cause UI messup

Similar Messages

Maybe you are looking for