I have a flash object currently on website which many mobile devices cannot read. At some point I plan to recreate the object in a format that mobile devices can read, but in the meantime need a work around so that they will see an image instead of the flash animation. I cannot use a background image because the flash object has transparent background and would see the image under it. I also tried adding the image right before the object closing tag, but that did not work - the block for the flash object remains and the image also shows under the object.
Here is the original HTML for the object that I have on the website right now:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" id="swf%20files/SBC-Header" width="652" height="63">
<param name="movie" value="swf%20files/SBC-Header.swf" />
<param name="bgcolor" value="#222A4F" />
<param name="quality" value="best" />
<param name="wmode" value="transparent" />
<param name="seamlesstabbing" value="false" />
<param name="allowscriptaccess" value="samedomain" />
<embed type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" name="swf%20files/SBC-Header" width="652" height="63" src="swf%20files/SBC-Header.swf" bgcolor="#222A4F" quality="best" wmode="transparent" seamlesstabbing="false" allowscriptaccess="sameDomain"></embed>
</object>
Here is the HTML is tried using to get an alternate image to show:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" id="swf%20files/SBC-Header" width="652" height="63">
<param name="movie" value="swf%20files/SBC-Header.swf" />
<param name="bgcolor" value="#222A4F" />
<param name="quality" value="best" />
<param name="wmode" value="transparent" />
<param name="seamlesstabbing" value="false" />
<param name="allowscriptaccess" value="samedomain" />
<embed type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" name="swf%20files/SBC-Header" width="652" height="63" src="swf%20files/SBC-Header.swf" bgcolor="#222A4F" quality="best" wmode="transparent" seamlesstabbing="false" allowscriptaccess="sameDomain"></embed>
<img src="Images/Compage/SBC_Header.png" width="652" height="63" alt="" />
</object>
Any help with a solution would be greatly appreciated.
Wrap the object in a DIV. Set the image as the background of the DIV.
Related
I want to know if I have a lot of games in swf format and I want them to be embedded in html, what is the tag for doing it?
<object width="100%" height="100%">
<param name="movie" value="file.swf">
..
<embed src="intro.swf" width="100%" height="100%" />
</object>
Below is the sample code if you have sample.swf file
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="50" height="50" id="FlashID" title="sample">
<param name="movie" value="sample.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="sample.swf" width="50" height="50">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
<script type="text/javascript">
<!--
swfobject.registerObject("FlashID");
//-->
</script>
you also need to include below JavaScript file http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js
I have some swf files and I would put them in a making them alternate each other automatically every 10 seconds, there is a way to do this using html?
my div is like this now:
<div class="main">
<div class="main_content">
<object width="100%" height="100%">
<param name="movie" value="images/lobby.swf">
<embed src="images/lobby.swf" width="100%" height="100%">
</embed>
</object>
</div>
<div class="main_content_left">
<h1 class="bolder">11 de dezembro de 2013</h1>
<h2> Convenção Nike </h2>
</div>
</div>
Finally got solve my problem, below is the code I got:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Some title</title>
<link href="tools/style.css" rel="stylesheet" type="text/css" />
<script src="tools/jquery-1.10.2.min.js" type="text/javascript"></script>
<script src="tools/jquery.cycle.all.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('#flash').cycle({fx: 'zoom', speed: 10000.], timeout:8000 });
});
</script>
</head>
<body>
<div id="flash">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="1550px" height="630">
<param name="movie" value="images/myimage1.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent">
<embed src="images/myimage1.swf" quality="high" type="application/x-shockwave-flash" width="1550px" height="630" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="1550px" height="630">
<param name="movie" value="images/myimage2.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent">
<embed src="images/myimage2.swf" quality="high" type="application/x-shockwave-flash" width="1550px" height="630" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="1550px" height="630">
<param name="movie" value="images/myimage3.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent">
<embed src="images/myimage13.swf" quality="high" type="application/x-shockwave-flash" width="1550px" height="630" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</div>
</body>
</html>
It won't show up in IE8. I'm not sure what is wrong.
<object type="application/x-shockwave-flash" style="width:360px; height:295px;" data="http://www.youtube.com/v/nwzbAnyThGU?rel=0&loop=1&showsearch=0">
<param name="movie" value="http://www.youtube.com/v/nwzbAnyThGU?rel=0&loop=1&showsearch=0" />
<param name="allowFullScreen" value="true" />
<param name="allowscriptaccess" value="always" />
</object>
I appreciate any help you guys can give me.
If you aren't going to use the new embed code that uses iframe, then try this one instead:
<object width="360" height="295">
<param name="movie" value="http://www.youtube.com/v/nwzbAnyThGU&rel=0&hl=en_US&feature=player_embedded&version=3"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowScriptAccess" value="always"></param>
<embed src="http://www.youtube.com/v/nwzbAnyThGU&rel=0&hl=en_US&feature=player_embedded&version=3" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="360" height="295">
</embed>
</object>
The new embed code itself is simply this:
<iframe width="360" height="295" src="http://www.youtube.com/embed/nwzbAnyThGU?rel=0" frameborder="0" allowfullscreen></iframe>
I've got this piece of code trying to embed an .swf file to an HTML.
<object width="710" height="180" id="myMovie" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="/url_path/file.swf" width="710" height="180">
<!--<![endif]-->
<param name="Movie" value="/url_path/file.swf" />
<param name="Src" value="/url_path/file.swf"/>
<param name="Url" value="/url_path/file.swf" />
<embed src="/url_path/file.swf" type="application/x-shockwave-flash" />
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
In Firefox, the .swf is loaded correctly, but in IE8 it just says "Movie not loaded".
I'm currently using Adobe Flash Player Version 10.
Any help is appreciated!
Thanks in advance.
<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="500" height="300">
<param name="movie" value="mrsuniquez.swf" />
<param name="quality" value="high" />
<embed src="mrsuniquez.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="780" height="255"></embed>
</object>
Here you can try and use this.. Works in IE.
I am embedding s a very small speaker icon icon as in the url http://media.photobucket.com/image/animated%20speaker/corleonefred/SOL/ZAAO/animated_speaker.gif?o=7
But when the flash is loaded the height and width of the swf file is much more that specified in the html tag.How is this to be resolved
<div style="display: inline;float:center;">
<OBJECT
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
WIDTH="4"
HEIGHT="4"
id="myMovieName">
<PARAM NAME="movie" VALUE="mysound.swf" />
<PARAM NAME="quality" VALUE="high" />
<PARAM NAME="bgcolor" VALUE="#FFFFFF" />
<EMBED
href="mysound.swf"
src="mysound.swf"
flashvars="soundUrl=/var/mychannel/sound.mp3"
quality=high
bgcolor=#FFFFFF
NAME="myMovieName"
ALIGN=""
TYPE="application/x-shockwave-flash">
</EMBED>
</OBJECT>
You need to specify Width & Height attributes in the <embed> section too.