adding a swf in html5 - html

I am trying to add a xml flash image banner to an html document. Here is a link - http://harden6615.com/project2/site/index.html - It works fine if I add the .swf and other element to the file with index.html but when I nest the banner files inside a folder and use the path, I get no banner. Can anyone tell me what I did wrong?
<section>
<div id="slideshow">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="500" height="312" id="slideshow" align="middle">
<param name="movie" value="banner/slideshow.swf" />
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="banner/slideshow.swf" width="500" height="312">
<param name="movie" value="banner/slideshow.swf" />
<!--<![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>
</div>
</section>

what is your folder structure? i suppose the index.html and the folder are siblings and the folder contains the files (the way i understood your question). then your path should not be ../slideshow.swf but foldername/slideshow.swf

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>

SWF file uploaded to server but not showing in embed

I've embedded a .swf file into my code but it won't show up when tested. It plays directly from the source (http://pandadol.com/pics/sydneyedit/300x250.swf) but not from the HTML file.
<html>
<head>
</head>
<body>
<object data="http://pandadol.com/pics/sydneyedit/300x250.swf">
<param name="movie" value="http://pandadol.com/pics/sydneyedit/300x250.swf">
</object>
<object data="http://www.adobe.com/jp/events/cs3_web_edition_tour/swfs/perform.swf">
<param name="movie" value="http://www.adobe.com/jp/events/cs3_web_edition_tour/swfs/perform.swf">
</object>
</body>
</html>
I've put it here with a default one from Adobe just to see if it wasn't my flash player that was the problem, but it seems to show up fine.
There has to be something ridiculous I'm missing. If anyone has a clue I'd appreciate it.
classid, codebase, and width and height are both required attributes for an <object> tag. Also the movie parameter is required.
http://helpx.adobe.com/flash/kb/flash-object-embed-tag-attributes.html
The code to use is:
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="550" height="400" id="movie_name" align="middle">
<param name="movie" value="movie_name.swf"/>
<object type="application/x-shockwave-flash" data="movie_name.swf" width="550" height="400">
<param name="movie" value="movie_name.swf"/>
<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>
</object>
</object>
Or:
<div id="myContent">
<p>Alternative content</p>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
<script type="text/javascript">
swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0");
</script>

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.

Horizontal SWF's giving white space

I'm unable to remove the white space between SWF's on a HTML page.
I know about using 'block' in the CSS, but as it's horizontal that doesn't seem to work. I've also added "0" for border to no avail. Going out of my wit here trying to solve this.
My HTML code:
<div id="banner">
<div class="wrap">
<div style=height:66px; align="center">
<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="151" height="65" border="0">
<param name="movie" value="images/flash_buttons/home_white.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<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="images/flash_buttons/home_white.swf" width="151" height="65" border="0">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<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>
<object id="FlashID2" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="151" height="65" border="0">
<param name="movie" value="images/flash_buttons/guide_green.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<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="images/flash_buttons/guide_green.swf" width="151" height="65" border="0">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<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" /></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
and Screenshot:
http://www.hosted101.net/uploads/upload/1327873868428issues.png
By default body element on HTML page have margin. Specify CSS:
html, body{
margin: 0;
padding: 0;
}
inside your HTML document
Use line-height: 0; for the container, might help you.
To remove white space use wmode="transparent" in HTML code. Here is an example.
<embed src="imageurl.swf" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"quality="high" width="1020" height="600" " >

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>