In chrome, ie and safari this is not a problem, but in firefox it is.
I use <object> for my flashclip.
<object type="application/x-shockwave-flash">
<param name="movie" value="myclip.swf" />
<param name="quality" value="high" />
</object>
What am I doing wrong?
After some testing, this works fine:
<object type="application/x-shockwave-flash" data="myclip.swf"
width="550" height="400">
<param name="movie" value="myclip.swf" />
<param name="quality" value="high" />
</object>
Firefox needed both data, width and height.
For cross browser flash embedding, you need to use both <object> and <embed> tags, nested inside one another, and it might also help to include the data attribute on the <object> like this:
<object type="application/x-shockwave-flash" data="myclip.swf">
<param name="movie" value="myclip.swf" />
<param name="quality" value="high" />
<!-- Sandwich the embed tag inside the object tag -->
<embed src="myclip.swf" quality="high" />
</object>
Alternatively, I'd suggest using the swfobject javascript micro-library for robust cross browser flash embedding.
Use both object and embed tag. Some browsers use the tag and 'name' to get to the swf, others use and 'id'
The code is <embed src="helloworld.swf">.
Related
I am trying to display alternate text on browsers/devices where flash is not supported.
I have searched different sites and tried different codes but I'm failing to get anything effective.
Code is below, the flash displays animated text:
class="result10435918"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,40,0"
width="595"
height="39"
id="haxe"
align="middle">
<param name="movie" value="logo70644855.swf"/>
<param name="allowScriptAccess" value="always" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<embed src="images/homeheader2.swf"
wmode="transparent"
width="595"
height="39"
name="haxe"
quality="high"
allowScriptAccess="always"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer"
></embed>
Thanks
Ciaran
Try using an object tag to wrap the flash piece, and inside of it have your fallback text. Setting a width and height in the object tag defines a specific amount of space for the flash to take up. If that flash isn't loaded, it will display what else is inside of the object tag (the fallback text). You can also include images or something else in place of the Fallback Text.
<object type="application/x-shockwave-flash" data="yourmovie.swf" width="400" height="300">
<param name="movie" value="yourmovie.swf" />
Fallback Text Here
</object>
I don't understand. I'm trying to embed a video on my site. works perfectly on all browsers (even IE8) but not chrome... tested on several machines using windows 7
this is the embed code:
<object height="226" id="ce_93792260" width="400">
<param name="movie" value="http://current.com/e/93792260/en_US" />
<param name="wmode" value="transparent" />
<param name="allowfullscreen" value="true" />
<param name="allowscriptaccess" value="always" />
<embed allowfullscreen="true" allowscriptaccess="always" height="226"
src="http://current.com/e/93792260/en_US" type="application/x-shockwave-flash" width="400" wmode="transparent">
</embed></object>
you can see the embed on the page here: http://www.radicalislam.org/videos/american-born-baptist-now-ruthless-islamic-terrorist
found the solution.
need to delete the file(s) gcswf32.dll
don't forget to close chrome before.
source:
http://community.spiceworks.com/how_to/show/2004
I have the following swf loaded from HTML tag and i do not use swfobject.On Google chrome i see that only after mouse click on the html page the swf file shows up.Any one knows why or what am i doing wrong here
<div>
<object id="myMovieName" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
<param value="movie.swf" name="movie">
<param value="high" name="quality">
<param value="#FFFFFF" name="bgcolor">
<embed align=""
type="application/x-shockwave-flash"
name="myMovieName"
bgcolor="#FFFFFF"
quality="high"
src="movie1.swf"
href="movie1.swf">
</object>
</div>
Have you tried takeing the embed node out of the object node?
It would look like:
<object id="myMovieName" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
<param value="movie.swf" name="movie">
<param value="high" name="quality">
<param value="#FFFFFF" name="bgcolor">
</object>
<embed align=""
type="application/x-shockwave-flash"
name="myMovieName"
bgcolor="#FFFFFF"
quality="high"
src="movie1.swf"
href="movie1.swf"/>
Thats because OBJECT node doesn't have a EMBED child node in HTML DTD, most browsers can deal with it, but apparently chrome is not one of them, but I'm guessing here.
I have a Youtube video on my homepage, and now I need a modal to display on certain events.
For some reason, even when adding <param name="wmode" value="transparent"> to the Flash object, it still covers the HTML elements (with higher z-index too).
I've got it on JSfiddle.
I figured maybe an iframe could solve this, but that would require me to make a new page just to put the video on.
Am I doing something wrong?
Thanks
Update
Strangely, this behaviour happens on Windows Firefox and IE8. On Firefox on Mac, it renders fine.
You have both an embed and object. You need to apply the wmode to the embed.
http://jsfiddle.net/zCDVx/2/
<object width="640" height="385">
<param name="movie" value="http://www.youtube.com/v/_-wDuGDtjCc?fs=1&hl=en_GB">
<param name="wmode" value="transparent">
<param name="allowscriptaccess" value="always">
<embed src="http://www.youtube.com/v/_-wDuGDtjCc?fs=1&hl=en_GB" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385" wmode="transparent"></embed>
</object>
You need the wmode both as an object param and as part of the embed to work in all browsers.
<object width="640" height="385">
<param name="movie" value="http://www.youtube.com/v/_-wDuGDtjCc?fs=1&hl=en_GB">
</param>
<param name="wmode" value="transparent"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube.com/v/_-wDuGDtjCc?fs=1&hl=en_GB" type="application/x-shockwave-flash"
allowscriptaccess="always" allowfullscreen="true" width="640" height="385"
wmode="transparent">
</embed>
</object>
Notice the 2nd to last line.
See it here.
I use the below code within for my JQuery lightbox without include js file AC_RunActiveContent.js or swfobject-1.5.js in the html file. It works fine for IE and Firefox. Just wanna know if there is any problem for not include AC_RunActiveContent.js or swfobject-1.5.js. Is it a must to have AC_RunActiveContent.js or swfobject-1.5.js for display a flash properly in different browsers version?
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="789" height="617" id="Loader" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="en_MAIN.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<embed src="en_MAIN.swf" quality="high" bgcolor="#ffffff" width="789" height="617" name="Loader" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
No, that's the Adobe-style standard markup. It works across all current browsers.
It's ugly, doesn't validate and has to state each parameter twice, which is what the Flash embedding scripts you mention are attempting to address (plus sometimes also there's an IE ‘object activation’ workaround that is no longer necessary). If you don't care about that, you're fine as you are. If you do, this question has some discussion on alternatives.
I don't think your code is connected to Lightbox: AC_RunActiveContent.js and swfobject-1.5.js are javascript workarounds for getting Flash to work in IE. Since Lightbox uses JQuery, not Flash, you shouldn't need them.
Look closely at the lightbox instructions for more information.