I've put together a flash gallery (.swf) and inserted it into and html5 document. When I try to validate the page, I get two errors (see below). I am new to html5, this is my first project. My .swf files have always validated in html. In doing some research, I found there is a new <embed> tag in html5, but I have no idea how to use if this is what i should be using now. I tried, but it inserted into my page really small. I'm lost, this is a little over my head. Can someone help me how to insert my .swf file and get it validated?
…B8-444553540000" width="960" height="544" id="FlashID" title="discover europe">
object:datatypetypemustmatchnameusemapformwidthheight
…B8-444553540000" width="960" height="544" id="FlashID" title="discover europe">Looks like you are using the old <object><embed> method.
While HTML5 does have an <embed> tag, it doesn't work in this instance. You'll need an <object> for the Flash.
Try this single <object> method instead:
<object data="path_to_file/file.swf" type="application/x-shockwave-flash" width="insert_width_of_movie" height="insert_height_of_movie">
<param name="movie" value="path_to_file/file.swf">
<param name="SomeOtherParam" value="ParamValue">
</object>
Best wishes,
Adninjastrator
Here is the link to my page. Actually when I uploaded it last night, the flash player doesn't work (it works fine in dreamweaver). So apparently there is something new I have to do with html5. I just can't find the answer to do it. Your help is really appreciated.
http://www.sportzel.com/discover_europe/index.html
The actual script upload that came from Dreamweaver on my code is the following:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="960" height="544" id="FlashID" title="discover europe">
<param name="movie" value="flash/discover_europe.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="flash/discover_europe.swf" width="960" height="544">
<!--<![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><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.g if" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
The file size has nothing to do with whether or not it uploads (unless your hosting package has specific limits).
Of course, until you can get that file uploaded to the correct folder, the Flash will not display.
As for validation, type the single <object> method illustrated above.
Best wishes,
Adninjastrator
North America
Europe, Middle East and Africa
Asia Pacific