• swfobject.embedSWF屬性與用法

2010-06-29 09:47/點(diǎn)擊數(shù)( 2218)

swfobject.embedSWF(swfUrl, id, width, height, version, expressInstallSwfurl, flashvars, params, attributes)有5個(gè)必須的參數(shù)和4個(gè)可選的參數(shù)： swfUrl（String，必須的）指定SWF的URL。 id（String，必須的）指定將會(huì)被Flash內(nèi)容替換的HTML元素（包含

JS+flash的焦點(diǎn)幻燈片既能大方得體的展示焦點(diǎn)信息，也能美輪美奐的展示圖片，越來越多的網(wǎng)站使用這種焦點(diǎn)幻燈的表現(xiàn)方法。很多童鞋在下載這方面的素材代碼的時(shí)候，往往會(huì)因?yàn)檎故境鰜淼氖?/span>flash，覺得難以修改。其實(shí)不然，只要細(xì)心尋找答案，會(huì)發(fā)現(xiàn)很多參數(shù)是可以在html頁面直接修改的。下面就介紹如何利用swfobject.embedSWF來修改輸出的flash的屬性。

swfobject.embedSWF(swfUrl, id, width, height, version, expressInstallSwfurl, flashvars, params, attributes)有5個(gè)必須的參數(shù)和4個(gè)可選的參數(shù)：

swfUrl（String，必須的）指定SWF的URL。
id（String，必須的）指定將會(huì)被Flash內(nèi)容替換的HTML元素（包含你的替換內(nèi)容）的id。
width（String，必須的）指定SWF的寬。
height（String，必須的）指定SWF的高。
version（String，必須的）指定你發(fā)布的SWF對應(yīng)的Flash Player版本（格式為：major.minor.release）。
expressInstallSwfurl（String，可選的）指定express install SWF的URL并激活Adobe express install [ http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=6a253b75 ]。
flashvars（String，可選的）用name:value對指定你的flashvars。
params（String，可選的）用name:value對指定你的嵌套object元素的params。
attributes（String，可選的）用name:value對指定object的屬性。
例如：

<script type="text/javascript" src="swfobject.js"></script>

<script type="text/javascript">
swfobject.embedSWF("myflash.swf", "myflash", "300", "120", "9.0.0");
swfobject.embedSWF("myflash.swf", "myflash", "300", "120", "9.0.0", null, null, {wmode: ‘transparent’});
</script>
<div id="myflash">這里是當(dāng)flash不能正常顯示時(shí)顯示的內(nèi)容</div>

怎樣配置你的Flash內(nèi)容？
你可以為你的object元素添加下面這些常用的可選屬性（attributes）[ http://www.w3schools.com/tags/tag_object.asp ]：

id
name
styleclass（不使用class，因?yàn)?/span>class也是ECMA4的保留關(guān)鍵字）
align
你可以使用下面這些專用于Flash的可選param元素[ http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_12701 ]：

play
loop
menu
quality
scale
salign
wmode
bgcolor
base
swliveconnect
flahvars
devicefont [ http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_13331 ]
allowscriptaccess [ http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_16494 ]
seamlesstabbing [ http://www.adobe.com/support/documentation/en/flashplayer/7/releasenotes.html ]
allowfullscreen [ http://www.adobe.com/devnet/flashplayer/articles/full_screen_mode.html ]
allownetworking [ http://livedocs.adobe.com/flash/9.0/main/00001079.html ]
怎樣用JavaScript對象來定義你的flashvars、params和attributes？
你最好用對象的字面量（Object literal notation）來定義JavaScrpt對象，例如這樣：

? <script type=“text/javascript“> var flashvars = {}; var params = {}; var attributes = {}; swfobject.embedSWF(“myContent.swf“, “myContent“, “300“, “120“, “9.0.0“,“expressInstall.swf“, flashvars, params, attributes); </script> ? ?

你可以在定義對象的時(shí)候添加你的name:value對（注意：請確保不要再對象中的最后一個(gè)name:value對后面加上逗號）：

?

? <script type=“text/javascript“> var flashvars = { name1: “hello“, name2: “world“, name3: “foobar“ }; var params = { menu: “false“ }; var attributes = { id: “myDynamicContent“, name: “myDynamicContent“ }; swfobject.embedSWF(“myContent.swf“, “myContent“, “300“, “120“, “9.0.0“,“expressInstall.swf“, flashvars, params, attributes); </script> 或者在對象創(chuàng)建之后用點(diǎn)號添加屬性（properties）和值： <script type=“text/javascript“> var flashvars = {}; flashvars.name1 = “hello“; flashvars.name2 = “world“; flashvars.name3 = “foobar“; var params = {}; params.menu = “false“; var attributes = {}; attributes.id = “myDynamicContent“; attributes.name = “myDynamicContent“; swfobject.embedSWF(“myContent.swf“, “myContent“, “300“, “120“, “9.0.0“,“expressInstall.swf“, flashvars, params, attributes); </script> ? ?

?

上面的代碼也可以這樣寫（為那些喜歡俏皮話的頑固腳本程序員準(zhǔn)備的不易讀的簡寫版本（the less readable shorthand version for the die-hard scripter who love one-liners））：

? <script type=“text/javascript“> swfobject.embedSWF(“myContent.swf“, “myContent“, “300“, “120“, “9.0.0“,“expressInstall.swf“, {name1:“hello“,name2:“world“,name3:“foobar“}, {menu:“false“}, {id:“myDynamicContent“,name:“myDynamicContent“}); </script> ? ?

如果你不想使用一個(gè)參數(shù)，你可以將它定義為false或者一個(gè)空對象：

? <script type=“text/javascript“> var flashvars = false; var params = {}; var attributes = { id: “myDynamicContent“, name: “myDynamicContent“ }; swfobject.embedSWF(“myContent.swf“, “myContent“, “300“, “120“, “9.0.0“,“expressInstall.swf“, flashvars, params, attributes); </script> ?

flashvars對象是一個(gè)為了增加易用性而設(shè)計(jì)的作為快捷方式的參數(shù)，所以你可以先忽略它，然后在params對象中指定你的flashvars：

? <script type=“text/javascript“> var flashvars = false; var params = { menu: “false“, flashvars: “name1=hello&name2=world&name3=foobar“ }; var attributes = { id: “myDynamicContent“, name: “myDynamicContent“ }; swfobject.embedSWF(“myContent.swf“, “myContent“, “300“, “120“, “9.0.0“,“expressInstall.swf“, flashvars, params, attributes); </script> ? ?

?

提示：使用SWFObject 2.0 HTML和JavaScript代碼生成器（SWFObject 2.0 HTML and JavaScript generator）來幫助你創(chuàng)建代碼：[ http://code.google.com/p/swfobject/wiki/SWFObject_2_0_generator ]。

本文鏈接：http://www.xingfu880.com/blog/daima/763.html

轉(zhuǎn)載于:https://www.cnblogs.com/liuzhong/archive/2011/07/20/2111884.html

總結(jié)

以上是生活随笔為你收集整理的swfobject.embedSWF属性与用法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。