Difference between revisions of "SWFObject"

From Wikicliki
Jump to: navigation, search
Line 1: Line 1:
'''STATIC PUBLISHING'''
 
 
 
SWFObject is a better way to embed swf files in html. Its shorter than Adobe's AC_RunActiveContent, makes the flash file more compatible for other devices which use less advanced versions of javascript, and it degrades gracefully on ancient browsers.
 
SWFObject is a better way to embed swf files in html. Its shorter than Adobe's AC_RunActiveContent, makes the flash file more compatible for other devices which use less advanced versions of javascript, and it degrades gracefully on ancient browsers.
  
Line 6: Line 4:
 
Stop messing up the code and use the [http://www.swffix.org/swfobject/generator/ SWFobject code generator.]
 
Stop messing up the code and use the [http://www.swffix.org/swfobject/generator/ SWFobject code generator.]
  
1. insert the object
+
*[http://www.alistapart.com/articles/flashembedcagematch/ Why it makes sense to use SWFObject]
 +
*[http://code.google.com/p/swfobject/wiki/documentation SWFObject Documentation]
  
<pre>     <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="780" height="420">
+
== Working Example ==
        <param name="movie" value="myContent.swf" />
+
 
        <!--[if !IE]>-->
+
<pre>
        <object type="application/x-shockwave-flash" data="myContent.swf" width="780" height="420">
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
        <!--<![endif]-->
+
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
          <p>Alternative content</p>
+
<head>
        <!--[if !IE]>-->
+
<title></title>
        </object>
+
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <!--<![endif]-->
+
<script type="text/javascript" src="swfobject.js"></script>
      </object>
+
<script type="text/javascript">
 +
swfobject.registerObject("quoteRotatored", "9.0.0");
 +
</script>
 +
<title>embed flash</title>
 +
<style>
 +
body {background:url(background.jpg); margin-left:0px; margin-top:0px}
 +
.container { }
 +
</style>
 +
</head>
 +
<body>
 +
<div>
 +
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="200" height="250" id="quoteRotatored">
 +
<param name="movie" value="quoteRotatored.swf" />
 +
<param name="wmode" value="transparent" />
 +
<!--[if !IE]>-->
 +
<object type="application/x-shockwave-flash" data="quoteRotatored.swf" width="200" height="250">
 +
<param name="wmode" value="transparent" />
 +
<!--<![endif]-->
 +
 +
<!--[if !IE]>-->
 +
</object>
 +
<!--<![endif]-->
 +
</object>
 +
</div>
 +
</body>
 +
</html>
 
</pre>
 
</pre>
  
2. insert into head (the file)
 
<pre><script type="text/javascript" src="swfobject.js"></script></pre>
 
 
 
3. insert into head (the registration)
 
 
<pre>    <script type="text/javascript">
 
    swfobject.registerObject("myId", "9.0.0", "expressInstall.swf");
 
    </script></pre>
 
 
*[http://www.alistapart.com/articles/flashembedcagematch/ Why it makes sense to use SWFObject]
 
*[http://code.google.com/p/swfobject/wiki/documentation SWFObject Documentation]
 
  
 
== See Also ==
 
== See Also ==

Revision as of 11:13, 28 November 2008

SWFObject is a better way to embed swf files in html. Its shorter than Adobe's AC_RunActiveContent, makes the flash file more compatible for other devices which use less advanced versions of javascript, and it degrades gracefully on ancient browsers.

Are you easily confused? Is your wmode not transparent even after checking it a hundred times over? Stop messing up the code and use the SWFobject code generator.

Working Example

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
	<head>
		<title></title>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<script type="text/javascript" src="swfobject.js"></script>
		<script type="text/javascript">
			swfobject.registerObject("quoteRotatored", "9.0.0");
		</script>
<title>embed flash</title>
<style>
body {background:url(background.jpg); margin-left:0px; margin-top:0px}
.container { }
</style>
	</head>
	<body>
		<div>
			<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="200" height="250" id="quoteRotatored">
				<param name="movie" value="quoteRotatored.swf" />
				<param name="wmode" value="transparent" />
				<!--[if !IE]>-->
				<object type="application/x-shockwave-flash" data="quoteRotatored.swf" width="200" height="250">
					<param name="wmode" value="transparent" />
				<!--<![endif]-->
					
				<!--[if !IE]>-->
				</object>
				<!--<![endif]-->
			</object>
		</div>
	</body>
</html>


See Also