WMODE Transparent Test
Hi All,
Anyone who has VERY strong opinions on not using wmode
transparent, PLEASE DO NOT REPLY unti AFTER this test. Let's see
the results. Respectfully, Jeckyll, that means you.
I have heard from several people on this site to not use
wmode transparent. I have been using it for the past year with no
major side-effects and no major complaints from users. However, my
test audience has not been large. So in the interest of science, I
would like to conduct a test.
I have created two test pages using wmode transparent. My
experience is that wmode transparent in WIN/IE works fairly nicely.
Given that, I have set up the test pages so that non Win/IE
users will see a message box, saying,"This web page has enhanced
content viewable in Windows Internet Explorer." In the real world,
I would not display such a message, non Windows/IE users would see
the original .html page without the enhanced ("transparent flash")
content. No-harm no foul.
So, please take a look at these two pages and interact with
them and tell me what you think. They are just quick and dirty test
pages so please, no comments on the designs - just what bugs if any
you experience - not what you have heard in the past, but actually
experience YOURSELF.
http://www.norrisoft.com/enhance/examples/dinoplanet/
http://www.norrisoft.com/testing/showoff/targetPage.html
Please let me know your results and which OS/Browser
combination you used.
TIA,
Steve
Hello I am trying to figure out how to do this any pointers
would be greatly appreciated. The top link worked perfectly, 2nd
link is no longer working.
Similar Messages
-
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.comAll 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 and blend mode problem
Dear all,
I'm stuck with this problem so far, got headache after searching many days on google without solution. Our designer using blend mode: screen (in flash) for some movies and the flash's transparent to save the file size display and then ưe are using html background. All'r working fine for wmode transparent but in Internet Explorer, it's not working to display the blend mode and appear the black background. You can check the image below to see what happen:
Loading the movies within blend mode screen
Transparent's working fine with the normal transparent
Test blend mode with opaque wmode to see how it will display
I've tested with IE7, 8, 9. I'm using window 7 Ultimate, 64bit, Flash player latest version. (And my clients, friends, also got that issues when seeing it with IE).
My embed code:
<object width="1000" height="600" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" >
<param value="high" name="quality"></param>
<param value="intro.swf" name="movie"></param>
<param value="opaque" name="wmode"></param>
<embed width="1000" height="600" wmode="opaque" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" quality="high" src="intro.swf">
</object>
We can solve it manually that put the image background into the flash but it's not the good way to do it in our modern web industry.
Any solution?dont why i can't submit in the bugbase, it's just hanged out though i submit all the required information T.T
Update: the bug only with IE9. (i concerned IE 7, 8 because i've tested it by IE9 development tool, not real IE 7, 8). Today i've tried testing with real IE7, 8 and it's working fine. -
I'm working on a desktop AIR project using the 2.5 SDK (ADT) to create an application that combines html and flash content. My application is using systemChrome none and transparent true. I have an swf element in my html file that I have set to wmode transparent. Instead of the swf rendering with a transparent background and showing the desktop like the html content does, I'm seeing a black box that fills the area where the Flash element is embedded.
Can someone please assist me in removing this black square so that my flash content is rendered within the html file with a transparent background instead of a black background?
When the AIR application is set to transparent, the Flash content must have it's wmode set to either transparent or opaque. Opaque gives it a white background (the stage background color), but transparent seems to just give it a black background.
Thanks!Ok fellas,
It appears that I have indeed answered my own question. So thanks... uh, me As I've now figured out, the entire AIR application is basically still a Flash based Display Object, one that can render html using webkit. That means that even though my main application is written in HTML I can still load swf files into the display list of the root applications native window using the Loader class.
I had mentioned earlier that this didn't work, but actually it did work I was just having an error. In my flash file I had a reference error because I was referencing stage.stageWidth in actionscript. This produces a typeError in the AIR runtime when I add this to the root display list. I was able to finally see this error by add the -nodebug command to my adl testing script (adl app.xml -nodebug). For whatever reason my AIR 2.5 adl would not produce air.trace calls to the cmd console without that -nodebug command, which is extremely ironic. So adding in the -nodebug command actually gave me my debug traces! Welcome to the world we live in folks... I also found out that my traces in the swf also trace out to the console when you add this command in there.
In addition, the reason I was not able to get the Loader class to work from javascript was because I was not using the correct addEventListener call. If you are familiar with Actionscript 3.0 (which luckily I am) you will recall that you have to add the event listener to the "contentLoaderInfo" object of the Loader variable you instanciate.
Here's a snippet of how I was able to do this as well as another link that is buried in the documentation that's useful:
var loader;
loader = new air.Loader();
var file = air.File.applicationDirectory.resolvePath("test.swf");
loader.contentLoaderInfo.addEventListener(air.Event.COMPLETE, swfLoaded);
loader.load( new air.URLRequest(file.url) );
function swfLoaded(evt) {
air.trace(" SWF LOADED! Woohoo! ");
air.trace( loader.numChildren );
loader.width = 1000;
loader.height = 800;
loader.x = 0;
loader.y = 0;
window.nativeWindow.stage.addChild(loader);
This is a very useful article on creating nativeWindows and other things, such as creating Flash based display objects and adding them to the stage:
http://help.adobe.com/en_US/air/html/dev/WS5b3ccc516d4fbf351e63e3d118666ade46-7e0a.html
Woohoo! -
I'm testing two methods to avoid the flash animation from
being on top of the menus, this:
<object
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"
width="466" height="357">
<param name="movie" value="flash/L3anim.swf">
<param name="wmode" value="transparent" />
<param name="quality" value="high">
<embed src="flash/L3anim.swf" quality="high"
pluginspage="
http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="466"
height="357"></embed>
</object>
and this:
<div id="mainflash" style="border:1px solid #636569;
padding:3px; width:466px; height:357px; position:relative;
top:27px">
<script type="text/javascript" language="javascript">
var fo = new FlashObject("flash/L3anim.swf", "mainflash",
"466", "357", "7", "#FFFFFF");
fo.addParam("wmode", "opaque");
fo.write("mainflash");
</script>
</div>
But none of them seem to work on firefox 2 when using a mac,
can anyone give me a definitive solution for this?
PLEASE HELP MY CLIENT WILL KILL MEserg2049 wrote:
> I'm testing two methods to avoid the flash animation
from being on top of the
> menus, this:
>
> <object
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
> codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#ve
> rsion=7,0,19,0" width="466" height="357">
> <param name="movie" value="flash/L3anim.swf">
> <param name="wmode" value="transparent" />
> <param name="quality" value="high">
> <embed src="flash/L3anim.swf" quality="high"
> pluginspage="
http://www.macromedia.com/go/getflashplayer"
> type="application/x-shockwave-flash" width="466"
height="357"></embed>
> </object>
>
> and this:
>
> <div id="mainflash" style="border:1px solid #636569;
padding:3px; width:466px;
> height:357px; position:relative; top:27px">
> <script type="text/javascript"
language="javascript">
> var fo = new FlashObject("flash/L3anim.swf",
"mainflash", "466", "357", "7",
> "#FFFFFF");
> fo.addParam("wmode", "opaque");
> fo.write("mainflash");
> </script>
> </div>
>
> But none of them seem to work on firefox 2 when using a
mac, can anyone give
> me a definitive solution for this?
> PLEASE HELP MY CLIENT WILL KILL ME
>
For the first method you need to add the attribute
*wmode="transparent"*
to the embed tag.
For the second method (for which you must be using v1.5 of
SWFObject)
you need to change your fo.addParam("wmode", "opaque"); from
*opaque* to
*transparent*.
HTH
Roy -
IE6 and wmode=transparent
Hi
Im having major problems with wmode=transparent in IE6 and
IE7 and wondered if anybody could help at all?
The transparency works fine but the problem lies that my
animation does not run when I mouse out of my movie when
transparency is set. If I change to window or opaque everything
works fine.
Here is a test link.
http://www.hotelmap.com/flash/Test_Page_Curl/
Thanks for any helpbwhiti1,
> the problem lies that my animation does not run when I
> mouse out of my movie when transparency is set. If I
> change to window or opaque everything works fine.
How are you testing for when the mouse leaves the movie?
David Stiller
Adobe Community Expert
Dev blog,
http://www.quip.net/blog/
"Luck is the residue of good design." -
Hi
Im having major problems with wmode=transparent in IE6 and
IE7 and wondered if anybody could help at all?
The transparency works fine but the problem lies that my
animation does not run when I mouse out of my movie when
transparency is set. If I change to window or opaque everything
works fine.
Here is a test link.
http://www.hotelmap.com/flash/Test_Page_Curl/
Thanks for any helpbwhiti1,
> the problem lies that my animation does not run when I
> mouse out of my movie when transparency is set. If I
> change to window or opaque everything works fine.
How are you testing for when the mouse leaves the movie?
David Stiller
Adobe Community Expert
Dev blog,
http://www.quip.net/blog/
"Luck is the residue of good design." -
Re: wmode = transparent and Active content fix
"__icarus__" <[email protected]> wrote in
news:f49vcu$mdh$[email protected]:
> I'm trying to set the bg of a an swf to transparent...my
problem is it
> doesnt seem to work when you impliment the Adobe version
of the Active
> content fix (AC_RunActiveContent.js).
>
> Has anyone figured out how to pull it off?
>
use
'wmode', 'transparent'AC_FL_RunContent(
'codebase', '
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0',
'width', '550',
'height', '400',
'src', 'test',
'quality', 'high',
'pluginspage', '
http://www.macromedia.com/go/getflashplayer',
'align', 'middle',
'play', 'true',
'loop', 'true',
'scale', 'showall',
'wmode', 'transparent',
'devicefont', 'false',
'id', 'test',
'bgcolor', '#ffffff',
'name', 'test',
'menu', 'true',
'allowScriptAccess','sameDomain',
'movie', 'test',
'salign', ''
); -
Wmode = transparent and Active content fix
I'm trying to set the bg of a an swf to transparent...my
problem is it doesnt seem to work when you impliment the Adobe
version of the Active content fix (AC_RunActiveContent.js).
Has anyone figured out how to pull it off?AC_FL_RunContent(
'codebase', '
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0',
'width', '550',
'height', '400',
'src', 'test',
'quality', 'high',
'pluginspage', '
http://www.macromedia.com/go/getflashplayer',
'align', 'middle',
'play', 'true',
'loop', 'true',
'scale', 'showall',
'wmode', 'transparent',
'devicefont', 'false',
'id', 'test',
'bgcolor', '#ffffff',
'name', 'test',
'menu', 'true',
'allowScriptAccess','sameDomain',
'movie', 'test',
'salign', ''
); -
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="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;">
<!--
ATTEMPT 1
-->
<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>
<!--
ATTEMPT 2
-->
<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" />
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="flash/sun.swf" width="450" height="375">
<param name="wmode" value="transparent" />
</object>
<!--<![endif]-->
</object>
</div>
<!--
ATTEMPT 3
-->
<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 -
Flash wmode=transparent double-click problem in IE
Hi,
I've discovered a strange problem with flash content using
wmode=transparent in IE - when someone double click the flash the
whole movie TURNS BLUE (!)
For example you can see this behaviour in action at
http://www.stella-artois.cz
- I implemented there IE active content fix (as described at
http://www.macromedia.com/go/7c29e252)
and ended up with this.
Well, as far as I can say there are people who double-click
on everything, so I'd really like to fix it.
Would anybody know how to do that?
Thanks a lot!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 with wmode="transparent" doesn't work with non-US keyboard (like FF)
Safari has the same issue as FireFox (which they are finally fixing) :
https://bugzilla.mozilla.org/show_bug.cgi?id=347185
If you use Flash with wmode="transparent" then it treats all keyboards as if they are US keyboards.
For example try G.ho.st http://G.ho.st/vc.html with a non-US keyboardI too am having issues. I am using Shockwave Flash 11.4.402.287 on Firefox 16.0.1. I am running on Windows 7 Enterprise. Disabling the plugin allows me to load pages quickly, but I am not able to view videos or play games. Firefox freezes upon loading a page that uses Flash. It remains frozen for an unacceptable length of time, then it will unfreeze on its own accord. The freeze affects the entire computer. I cannot interact with the desktop or the Windows start bar, and can only close Firefox by forcibly ending the "firefox.exe" process via Task Manager.
This is not the first version of Firefox that has displayed this problem to me. Firefox 15 also froze upon using Flash.
I had hoped that the latest Firefox update would solve this problem, but apparently not. Until then, I am forced to use Chrome, which is quite inconvenient for me as I am not at all familiar with that browser and am constantly clicking the settings button when I want to to go to my home page.
These freezes are incredibly frustrating and annoying. If Mozilla wishes to build a better Internet, they should try to make their browser a program that doesn't tempt me towards rage-quitting YouTube. -
WMode Transparent not displaying in Windows/Firefox
Hello, I'm using Wordpress and a Wordpress flash plugin
called Showtime Slideshow as the site's gallery. It works
perfectly in the standard wmode=window setting in
Firefox/Windows, but I have a dropdown menu that
overlaps with the Flash. I was able to figure out the wmode
needs to be opaque or transparent, but when I use those
settings, nothing is displayed at all. It works fine in
Windows/IE, Mac/IE and Mac/Firefox, so there is something
in the code that Windows/Firefox doesn't like in this code
(another Flash object from YouTube with wmode=transparent
displays correctly).
Here is the code that the plugin generates:
<!-- generated by showtime WP plugin -->
<script type='text/javascript'>
var flashvars = {
xml : 'http://www.youtag.lu/youtagdesign/wp-content/plugins/showtime-slideshow/showtime/getxml.php?attr=id^433*source^medium*sourcehd^large*',
width : '674',
height : '448',
classid : 'st_0',
rotationtime : '5',
transition : 'SlideRight',
transitiontime : '1.5',
transitionease : 'BackEaseOut',
autoplay : '',
showcontrols : 'on',
fullscreen : 'on',
showtext : '',
showalt : 'on',
shuffle : '',
scale : 'noScale'
var params = {};
params.allowFullScreen = 'true';
params.bgcolor = '#EDEAE6';
params.quality = 'autohigh';
params.wmode = 'transparent';
//params.base = 'dirname(__FILE__)';
//params.allowScriptAccess = 'local';
var attributes = {};
attributes.styleclass = 'showtime';
swfobject.embedSWF ('http://www.youtag.lu/youtagdesign/wp-content/plugins/showtime-slideshow/showtime/st15.swf', 'st_0', '674', '448', '10.0.0', 'http://www.youtag.lu/youtagdesign/wp-content/plugins/showtime-slideshow/showtime/swfobject/expressInstall.swf', flashvars, params, attributes);
</script>
[taken from the Showtime Slideshow demo page]
Based on that code, can anyone see anything that
would cause the whole slideshow to not display at all?Bump. Could anyone take a look at the code?
-
Keyboard problem with wmode transparent and firefox
Hello,
I came accross a very nasty bug in this configuration:
FireFox+Windows+[Flex area using the wmode=transparent]
If the flex area has a text input, then the keyboard mapping
is stuck with a wrong keyboard mapping and some characters can
simply not be entered. For instance, on a French keyboard, it is
not possible to enter a @ character.
This bug seems very old, here is a reduced situation dated
from 2005 (!):
<
http://www.5etdemi.com/blog/archives/2005/06/firefox-wmodetransparent-is-completely-screwy -and-breaks-textfields/>
Many other people talked about the problem since, for
instance here:
<
http://blog.headlondon.com/archives/no-wmode-please-were-british/>
My questions are:
* does anyone know of a work-around for this (and yes we _do_
need the transparent feature :-)
* why has this nasty bug not being fixed since 2005 ? I
posted a bug report today but it must have been done before.
I do not know if this is a bug with Firefox or the Flash
player but in all cases many Flex apps can be affected by this bug
if they use the transparent feature.
thanks in advance for the feedback,
Matthieu.HI and welcome to Apple Discussions...
Try deleting this file.
com.apple.systemiuserver.plist
~/Library/Preferences.
Move that file to the Trash and restart your Mac.
If you need help finding .plist files and their paths... go here.
http://web.me.com/carolynssamit/CarolynsMac_Blog/Path_for_.plistfiles.html
Carolyn
Maybe you are looking for
-
My hard drive got corrupted and I had to install a new hard drive and when I opened iTunes it asked if I wanted to sync which it did but then I lost all my apps I had on my iPad. I dont know why. I tried restoring from a previous backup, but that did
-
Call BAPI in BADI 'MB_DOCUMENT_BADI'
Hi all, How can i call a BAPI in MB_DOCUMENT_BADI~MB_DOCUMENT_BEFORE_UPDATE ? I wrote code below but got "GOODSMVT_CODE" is the correct type, its length is incorrect." error. DATA: goodsmvt_header TYPE TABLE OF bapi2017_gm_head_01,
-
Sending Color file to FCP Looses Links to Rendered Files
I have several Color files that are very similar and from the same project. All of them Send the XML file from Color to FCP beautifully, except one. What would cause the Color export to FCP loose the connections to the rendered files and revert back
-
Best practice using clusters to create queue/notifier/bundles ?
I have in a block diagram a queue, notifier and several instances of bundle cluster that all use the same data structure. There is a cluster typedef for the data structure. Of course, each of these objects (define queue, define notifier, bundle) ne
-
Info before delving into the unknown
I am after some information. I have a client that currently has an xserve and an Xraid. They have another spare Xserver and I am planing on getting another Promis Riad for them. The aim is to have an offsite back up which would be linked with a lease