I have an embed swf where variable wmode has the value "opaque". I need to keep with value "opaque" because i have to control the swf layer against the others html elements, however wmode "opaque" causes a weird behaviour on MouseDown event.
If the cursor is hidden (by Mouse.hide()) and you try to press the left mouse button, the cursor will show up until you release the left button or move the mouse.
If you've changed your cursor to another one (by MouseCursor) the same bug will happen (i.e the cursor will turn on arrow mode).
First I was thinking that it was my application bug, then i made a quick example and the error persisted.
When I change the wmode value to "window", the error don't happen, but I have to keep with wmode "opaque".
My example:
import flash.events.MouseEvent;
Mouse.hide();
stage.addEventListener(MouseEvent.MOUSE_DOWN,example);
function example(e:MouseEvent){
ExternalInterface.call("console.log", "Hello World!");
}
HTML:
<div id="flashContent">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0"
width="100%"
height="610px"
id="pl_main">
<param name="movie" value="teste_moude_down.swf" />
<param name="quality" value="high" />
<param name="allowScriptAccess" value="always" />
<param name="bgcolor" value="#ffffff" />
<param name="wmode" value="opaque" />
<embed src="teste_mouse_down.swf"
width="100%"
height="610px"
autostart="true"
quality="high"
bgcolor="#ffffff" wmode="opaque"
name="pl_main"
id="pl_main"
allowScriptAccess="always"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</div>
Use swfobject to embed swf, and you decide a lot of problems with embeding.
Related
I have a live event site and list of events in a mouse over menu.
The flash streaming player stays in front of the mouse over menu with all versions of IE.
Wmode parameter solved so many people's problem in the past but it does not work in my case. Here is the rendered flash object for player:
<object id="flowplayer" width="100%" height="100%" wmode="transparent" data="http://releases.flowplayer.org/swf/flowplayer-3.2.18.swf" type="application/x-shockwave-flash">
<!-- load configuration from config.js -->
<param name="flashvars" value="config=player.aspx?pID=585&config=1">
<param name="wmode" value="transparent">
<param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.18.swf">
<param name="allowfullscreen" value="true">
</object>
I also tried 'wmode=opaque' and did not work.
I'm making an educated guess since you didn't add the code, but try this:
object{z-index:-1}
.menu{z-index:100}
of course .menu should be changed to the class of your menu, but you'll get the idea
The situation like the picture:
and my html to load flash is:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="150" height="150" id="Test">
<param name="movie" value="Test.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="true" />
<embed src="Test.swf" quality="high" bgcolor="#ffffff"
width="150" height="150" name="Test"
quality="high" allowScriptAccess="sameDomain" allowFullScreen="true"
type="application/x-shockwave-flash"
pluginspage="http://www.adobe.com/go/getflashplayer"
FlashVars="test=123">
</embed>
</object>
I meet the problem first time, can anyone tell me what exactly cause it?
Is the code(such as in actionscript) side or the html tag missing?
My flash player is 11.0.0 above, and when I try other code( other project), it works fine and can right click with settings.
The project can works but I need to show the setting panel some circumstance.
Nether Crome or FireFox I run the flash cannot have the setting...
Thanks in advance.
I also look the article:Can't Left Click i Flash Players Settings Panel
but I don't have Quick time setup in my computer.
I find the key point of my html that cause the problem!
The html :
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="150" height="150" id="Test">
just need to change the width tag like to be:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="150" id="Test">
I have seen that the setting panel have some 'location' in the middle or what, so if I change the width 'too short', the setting panel cannot be click.
I still don't know the real reason, hope somebody face it can try it.
We have a flash object and when we use blockUI or some other overlay div with opacity < 1, it doesn't make the flash area transparent. However, it do hides the flash object when opacity is 1, but I want to have the overly div transparent which make the flash area transparent too like it doing for other HTML objects.
Is it a know issue/thing? Any workaround?
Here is the code expert:
<object width="100%" height="200" align="" id="charts" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" wmode="transparent">
<param value="/charts.swf?library_path=/charts_library&xml_source=/chart&" name="movie">
<param value="high" name="quality">
<param value="#E6E6E6" name="bgcolor">
<param value="transparent" name="wmode">
<embed width="100%" height="200" align="" salign="TL" scale="noscale" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" swliveconnect="true" name="charts" bgcolor="#E6E6E6" quality="high" src="/charts.swf?library_path=/charts_library&xml_source=/chart&license=">
</object>
For overlay div we are using jQuery.blockUI and FancyBox (when we need to some popup and block the UI). We also tried to overlay the flash object using a div with z-index. It overlays and hides the flash when opacity is 1 but not when it's < 1.
Here is the screen shot:
http://www.4shared.com/photo/PO-Cb1bi/Flash_Overlay_Transparency.html
You need to set the wmode parameter of the flash object to "transparent".
//Article
http://kb2.adobe.com/cps/142/tn_14201.html
//Video tutorial
http://kb2.adobe.com/cps/524/cpsid_52418.html#flash
You need to add the wmode transparent to your <embed> tag as well as the object:
<embed wmode="transparent" ...>
This should fix your problem.
You need to add this parameter in your flash object.
<param name="wmode" value="opaque" />
Here are the details: http://slightlymore.co.uk/flash-and-the-z-index-problem-solved/
I have a site where a jQuery dialog is used to show videos in a modal frame.
I would like to be able to rest the close button so that it partially covers the embedded QuickTime object, much like the modal frame in this picture:
http://ajaxdump.com/wp-content/uploads/2009/08/MooTools_SqueezeBox-Expandable-Lightbox-308x400.gif
QT always renders above any other element.
I've looked around for solutions, but I've had little luck with it. Is this even possible? Or should I just give up hope now?
You need to adjust the wmode parameter of the Quicktime object to "transparent" in order for it to display beneath other content.
You'd want to set it up like this in your HTML:
<object width="500" height="250" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab"
id="video_object" style="behavior:url(#qt_event_source);" class="plugin" >
<param name="src" value="whatever.png">
<param name="autoplay" value="false">
<param name="postdomevents" value="true">
<param name="wmode" value="transparent">
<param name="controller" value="false">
<param name="scale" value="tofit">
<embed id="video_embed" class="plugin"
type="video/quicktime" src="whatever.png"
wmode="transparent" postdomevents="true" controller="false" scale="tofit" >
</embed>
</object>
Have a look at this demo.
I have a html/css based menu and I'm trying to put a flash video in the banner right under it, but when I hover the dropdown section of the menu it ends up behind it.
Is this a z-index problem or do I need to set certain properties on the flash video?
You will need to add a parameter to the Object tag and a property to the embed tag called wmode and set it to transparent like so:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="798" height="190">
<param name="movie" value="flash/home2.swf">
<param name="quality" value="high">
<PARAM NAME="wmode" VALUE="transparent">
<embed src="flash/home2.swf" quality="high" wmode=transparent pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="798" height="190"></embed>
</object>