I have a CGI in an object (from an ethernet webcam) which works fine for most browsers but not for IE (10). The problem is that my menu should be shown above that element but it isn't. I know of but that - as it seems - only applies to SWF sources in an object. Also, zindex could not help.
In other words, this
<object width="640" height="480" id="Player" classid="CLSID:..." codebase="http://my.server/activex/AMC.cab#version=2,0,22,0" style="z-index: 104;">
<PARAM NAME="_cx" VALUE="16933">
<PARAM NAME="_cy" VALUE="12700">
<PARAM NAME="MediaURL" VALUE="http://my.server/axis-cgi/mjpg/video.cgi?resolution=640x480">
<PARAM NAME="UIMode" VALUE="none">
<PARAM NAME="MediaType" VALUE="mjpeg-unicast">
<PARAM NAME="MPEG2VideoDecodingMode" VALUE="3">
<param name="wmode" value="transparent">
<p>Error</p></object>
does hide an absolutely positioned menu dropdown that should be shown above it.
Any ideas on that?
Best regards,
Mario
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
I'm using video.js (v 4.3.0) with flash player on internet explorer.
How can i stretch the video to container area like in this example http://www.aleosoft.com/flashtutorial_autofitexample.html?
I've tried some modification on video.dev.js file to add <PARAM NAME="SCALE" VALUE="exactfit"> on generated flash object. And also i've changed the wmode from opaque to transparent like in the example page code. Modified video.js generates the flash player as below and still not stretching.
<object width="100%" height="100%" class="vjs-tech" name="video_1_flash_api" id="video_1_flash_api" data="video-js.swf" type="application/x-shockwave-flash" style="display: block;">
<param value="video-js.swf" name="movie">
<param value="readyFunction=videojs.Flash.onReady&eventProxyFunction=videojs.Flash.onEvent&errorEventProxyFunction=videojs.Flash.onError&autoplay=true&preload=auto&loop=undefined&muted=undefined&src=http%3A%2F%2Flocalhost%2Fh5mp%2F_html%2F1.html&" name="flashvars">
<param value="exactfit" name="scale">
<param value="always" name="allowScriptAccess">
<param value="all" name="allowNetworking">
<param value="transparent" name="wmode">
</object>
I noticed that my website's behavior has changed lately in Chrome. It comes from the piece of code shown here. With that code the page works fine and all seems to be ok (the flash banner is ok too). BUT as soon as I scroll the page, I notice that the background is white (all that was not shown when the page originally loaded). It's like if the background is not loaded out of the original shown page sight. If I remove the piece of code emphasized, the banner doesn't load the animation, but the background loads properly.
What prevents me page's backgroung from loading properly? Note that this is the only flash code/object on my whole website.
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="994" height="250"
id="art-flash-object">
<param name="movie" value="images/container.swf" />
<param name="quality" value="high" />
<param name="scale" value="default" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="color1=0xFFFFFF&alpha1=.50&framerate1=24&loop=true&wmode=transparent&clip=../../Content/images/flash.swf&radius=5&clipx=-3&clipy=0&initalclipw=1000&initalcliph=250&clipw=1000&cliph=250&width=994&height=250&textblock_width=0&textblock_align=no&hasTopCorners=true&hasBottomCorners=true" />
<param name="swfliveconnect" value="true" />
Shockwave code here causes the bug
<object type="application/x-shockwave-flash" data="../../Content/Images/container.swf"
width="994" height="250">
<param name="quality" value="high" />
<param name="scale" value="default" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="color1=0xFFFFFF&alpha1=.50&framerate1=24&loop=true&wmode=transparent&clip=../../Content/images/flash.swf&radius=5&clipx=-3&clipy=0&initalclipw=1000&initalcliph=250&clipw=1000&cliph=250&width=994&height=250&textblock_width=0&textblock_align=no&hasTopCorners=true&hasBottomCorners=true" />
<param name="swfliveconnect" value="true" />
<div class="art-flash-alt">
<a href="http://www.adobe.com/go/getflashplayer">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif"
alt="Get Adobe Flash player" />
</a>
</div>
</object>
End of buggy code
</object>
I don't know if it's the cause of the problem, but in the first piece of code there's no </object> closing tag present.
Also, I have experienced some flash loading issues with relative paths (like you did with value="images/container.swf" /> and data="../../Content/Images/container.swf"). Never knew what exactly was the issue there, but try loading the flash file from the same folder as where your .html file is located.
I myself sometimes use the html code generated by Flash (under Publish..) because sometimes that seems to be the only working code in order to show the Flash correctly.
P.s. I don't understand exactly what's the deal with the two <object> tags and their contents, did you use both at the same time, separately, or...?
I am using Flash CS4 and when testing my application my frame rate changes as it is programmed to do so. When I try to run the application in a browser (tried Firefox 4, Opera 10.5 and IE 8) the frame rate does not change.
Why does the frame-rate not change? How do I fix it?
The newest Flash Players are capped at a maximum of 60fps, no matter what number you use to set the framerate. That could be one issue... But if objects on the screen are slowing down there's nothing to be gained by changing the framerate. It means that your swf isn't well optimized, and the player is struggling to render the assets.
Set your HTML so that the Flash Object's wmode is "opaque" (or transparent if you really need to). If you don't specify it, it will interpret it as some other default parameter which gives you that drop in frame-rate performance.
Sample:
<object type="application/x-shockwave-flash" data=
"YourFlashMovie.swf" width="640" height="480"
id="flash_id_1" style="visibility: visible;">
<param name="allowScriptAccess" value="always" />
<param name="allowScale" value="never" />
<param name="allowFullScreen" value="true" />
<param name="wmode" value="opaque" /> <!-- THIS IS WHAT YOU MUST SET -->
<param name="quality" value="high" />
<param name="scale" value="" />
<param name="scaleMode" value="" />
<param name="menu" value="false" />
</object>
Hope that helps.
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.