How to put a flash or .swf on the middle? - html

can you tell me how to import a game on my website and put it on the middle? please :) and how to make the game screen bigger like armor games.
Here is my website:
http://www.greenpost.esy.es/game.php
and my code is here:
<!doctype>
<html>
<head>
<title>Greenpost's Games</title>
</head>
<body>
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" WIDTH="800" HEIGHT="600" id="rocketman" ALIGN="">
<PARAM NAME=movie VALUE="flash/rocketman.swf">
<PARAM NAME=quality VALUE=high>
<PARAM NAME=bgcolor VALUE=#333399>
<EMBED src="flash/rocketman.swf" quality=high bgcolor=#333399 WIDTH="320px" HEIGHT="240px" NAME="rocketman" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">
</EMBED>
</OBJECT>
</body>
</html>

Put your object tags in a div and centre that div using css styles.
div {
margin 0 auto;
}

you can wrap your flash object in a div and then give a margin:0 auto and text-align:center for horizontal center or use positon:absolute with left and right for vertical center.
<div id="flash_container">
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" WIDTH="800" HEIGHT="600" id="rocketman" ALIGN="">
<PARAM NAME=movie VALUE="flash/rocketman.swf">
<PARAM NAME=quality VALUE=high>
<PARAM NAME=bgcolor VALUE=#333399>
<EMBED src="flash/rocketman.swf" quality=high bgcolor=#333399 WIDTH="320px" HEIGHT="240px" NAME="rocketman" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">
</EMBED>
</OBJECT>
</div>

Related

How to embed Flash content in my web page

I need display Flash content in my web page. I am developing my web site in WAMP and my PHP version is 2.5
<tr>
<td height="31" align="center" valign="middle"><object type="application/x-shockwave-flash" data="player_mp3_maxi.swf" width="260" height="23">
<param name="wmode" value="transparent" />
<param name="movie" value="player_mp3_maxi.swf" />
<param name="FlashVars" value="mp3=song.mp3&showstop=1&loop=1&autoplay=1&showvolume=1" />
<p>School Anthem</p>
</object></td>
</tr>
Unfortunately it is not displaying SWF file (Flash Player). Only displaying the School Anthem word. How can I fix this problem?
I would just use the <embed> tag (but I never needed flashvars, so may not work for you).
According to this Adobe article your <object> code should look something like :
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="260" height="23" id="myFlashMovie" align="middle">
<param name="movie" value="player_mp3_maxi.swf" />
<param name=FlashVars value="mp3=song.mp3&showstop=1&loop=1&autoplay=1&showvolume=1" />
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="player_mp3_maxi.swf" width="260" height="23">
<param name="movie" value="player_mp3_maxi.swf" />
<param name=FlashVars value="mp3=song.mp3&showstop=1&loop=1&autoplay=1&showvolume=1" />
<!--<![endif]-->
<a href="http://www.adobe.com/go/getflash">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
</a>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
If still not working then try a new html page with this <embed>code below :
(Put .html file and swf file together in same place or folder. Does it show anything?).
<!DOCTYPE html>
<html>
<body>
<embed src="player_mp3_maxi.swf" width="800" height="600">
</body>
</html>

Embedding .swf files on an .html page

I've built an intro page for my website (it's a .swf file) and I'm trying to embed it into an .html file, but the html code won't allow me to resize the file (I want the file to take up the whole page, so I tried resetting the height and width parts of the object tag to 100% - it didn't work)
someone told me that the best way to resize the file would be by using javascript. How would I do this?
the code is as follows:
<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="550" height="400" id="intro to elianas website" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="intro.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#1C140D" />
<embed src="intro.swf" quality="high" bgcolor="#1C140D" width="100%" height="100%" name="intro" align="center" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
You also need to provide the height and width for the Object as well.
<object width="100%" height="100%">
<param name="movie" value="file.swf">
..
<embed src="intro.swf" width="100%" height="100%" />
</object>
Seems like an inactive post but just in case someone looking for a solution stumbles upon this, here is the solution:
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/
cabs/flash/swflash.cab#version=6,0,40,0"
width=100% height=100% id="intro">
<param name="movie" value="sample.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#1C140D" />
<embed src="/path/to/sample.swf" quality="high" bgcolor="#1C140D"
width=100% height=100% name="intro" align=""
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer">
</embed>
</object>
Note:
Don't define the width and height parameters in double quotes (when using %)
This technique will not work for XHTML, <embed> can't be within <object>
tag
Here is a short and to the point tut about embedding swf in html:
http://www.tizag.com/flashTutorial/flashhtmlcode.php
Use CSS to increase the page width and height of your body and html tags
<style type="text/css">
html,body {
height:100%;
width:100%;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
</style>
I had a similar issue with a full page flash file, where firefox wouldn't display the flash and chrome displayed it with a limited height towards the top of the page.

Display image map if no Flash detected

So my basic understanding was that the <noscript> tag was used to display content if the user has scripting disabled, especially useful when there is no flash player.
So I am trying to figure out why in some code that was sent to me, that they have an <object> tag inside of the <noscript> tag...
<noscript>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="https://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="785" height="525" id="home" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="home.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /> <embed src="home.swf" quality="high" bgcolor="#ffffff" width="785" height="525" name="home" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="https://www.adobe.com/go/getflashplayer" />
</object>
</noscript>
Second part to my question is, can you put an image map in place of the flash player if scripting or flash has been disabled...
need to put an image map with two area coords:
<area shape="rect" coords="175,196,372,250"> <area shape="rect" coords="417,197,616,249">
The noscript element is designed to let you give alternate content (text) to users who have Javascript disabled.
<!DOCTYPE HTML>
<html>
<body>
<script type="text/javascript">
alert("Hello, world!");
</script>
<noscript>You have Javascript disabled.</noscript>
</body>
</html>
To provide alternate content for Flash, display the Flash using an object element, then embed another object element within it that contains the picture, like so:
<!DOCTYPE HTML>
<html>
<body>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab# version=6,0,40,0"
width="800" height="600">
<param name="movie" value="home.swf">
<object data="somePicture.png" type="image/png"></object>
</object>
</body>
</html>

Issue with flash video size in html

I am trying to put a 1024x168 flash video(swf) in a web page and but the video is getting clipped, I wish to have scroll bar appear whenever it overflows. Below is my code:
<!DOCTYPE html>
<html>
<head>
test
</head>
<body>
<div style="overflow: auto;">
<object id="M97012085" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%" style="overflow: auto; align:middle;" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0">
<param name="movie" value="path_to_swf" />
<param name="loop" value="false" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<param name="wmode" value="transparent" />
<param name="play" value="false" />
<embed bgcolor="#ffffff" align="middle" name="M97012085 loop="false" src="path_to_swf" width="100%" height="100%" style="overflow: auto; align:middle;" play="false" wmode="transparent" quality="high" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</div>
</body>
</html>
Please advice how can I have the scrollbars appear when video overflows ?
I think by setting the height and width to 100% on your object you are telling it to fill up the whole div, which is why you don't get scrollbars.
Try setting the actual dimensions for the height and width and then when a video's dimensions are larger then the div you should see the scrollbars.

flash/html, how to embed a flash movie so that it scales with the browser window

i would like to show my flash movie in a browser window so that it fills width and height as good as possible without distorting the movie.
when i use the width and height attribute to the object/embed tags it only scales the width but not the height.
<body bgcolor="#000000"
width="100%"
height="100%">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0"
width="100%"
height="100%"
align=""
id="slot">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="true" />
<param name="movie" value="..." />
<param name="quality" value="high" />
<param name="width" value="100%" />
<param name="height" value="100%" />
<embed src="..."
width="100%" height="100%" quality="high" align="middle" allowScriptAccess="always" allowFullScreen="true" wmode="opaque" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</body>
I think you just need to add some CSS to the HTML page:
html, body { height: 100% }
It should work is youset the width and height to 100%. Then set the scalemode to showAll, that should prevent the movie from distorting.
Then you could of course set the css padding and margin of the html body to 0px the get the most area of the window.
Use swffit. It resizes flash when the browser window is changed.