embedded swf file height/width in html - html

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.

Related

How to include swf file on a page

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

How to show image instead of flash object on mobile devices

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.

How to start jw player automatically?

Here is my embed code:
<embed width="576" height="432" flashvars="&
file=kgalive&
streamer=rtmp://5.77.33.107/kga" wmode="opaque"
allowscriptaccess="always" allowfullscreen="true"
quality="high" name="player" id="player" style=""
src="player.swf" autostart="always"
type="application/x-shockwave-flash"/>
It works, but my player will not start automaticaly while opening the webpage. What should I do to start my player automatically?
Basically:
<embed width="576" height="432" flashvars="&
file=kgalive&
streamer=rtmp://5.77.33.107/kga" wmode="opaque"
allowscriptaccess="always" allowfullscreen="true"
quality="high" name="player" id="player" style=""
src="player.swf" autostart="always"
type="application/x-shockwave-flash"/>
Needs to be:
<embed width="576" height="432" flashvars="&
autostart=true&file=kgalive&
streamer=rtmp://5.77.33.107/kga" wmode="opaque"
allowscriptaccess="always" allowfullscreen="true"
quality="high" name="player" id="player" style=""
src="player.swf" autostart="always"
type="application/x-shockwave-flash"/>
I think it should be
autostart="true"
I do it this way:
<object id="mediaplayer" width="100%" height="100%" type="application/x-shockwave-flash" data="jwplayer/player.swf" bgcolor="#000000" name="mediaplayer" tabindex="0">
<param name="allowfullscreen" value="true">
<param name="allowscriptaccess" value="always">
<param name="seamlesstabbing" value="true">
<param name="wmode" value="opaque">
<param name="flashvars" value="netstreambasepath=<URLHERE>&id=mediaplayer&autostart=true&repeat=always&shuffle=false&controlbar.position=none">
</object>

Youtube Embed Won't Display in IE

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>

Issue embedding SWF in IE8

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.