SWFObject Flash js調(diào)用類
更新時(shí)間:2008年07月08日 10:24:49 作者:
一直想為 SWFObject 這個(gè)JS的類庫(kù)寫一個(gè)推薦帖,因?yàn)樗p便,同時(shí)功能強(qiáng)大,為我們的開發(fā)帶來(lái)了很大的便捷。
SWFObject是一個(gè)基于Javascript的Flash媒體版本檢測(cè)與嵌入模塊,其主要使用目的是讓我們將FLASH嵌入網(wǎng)頁(yè)中的操作更簡(jiǎn)單,加入了版本檢測(cè)功能,符合XHTML的標(biāo)準(zhǔn)驗(yàn)證的插入,并解除了IE對(duì)FLASH點(diǎn)擊激活的限制,對(duì)主流瀏覽器兼容。
首先讓我們看一段SWFObject作用的代碼:
//載入SWFObject類庫(kù)
<script type="text/javascript" src="swfobject.js" src="swfobject.js"></script>
//設(shè)置一個(gè)DIV,并設(shè)置ID,這個(gè)DIV將做為FLASH插入的容器
<div id="flashcontent">播放此動(dòng)畫需要FlashPlayre8.0+ </div>
//利用SWFObject來(lái)插入FLASH
<script type="text/javascript"> var so = new SWFObject("movie.swf", "mymovie", "200", "100", "7", "#336699");
//將id為flashcontent的DIV中內(nèi)容替換為FLASH
so.write("flashcontent");
</script>
看了上面的代碼感覺如何?比起平時(shí)用Object來(lái)插入FLASH文件是不是簡(jiǎn)潔多了,而且代碼結(jié)構(gòu)更清晰,對(duì)這段代碼的中文解釋可參看AW對(duì)SWFObject的翻譯,已經(jīng)很詳細(xì)了,不再贅述,下面只介紹一下個(gè)人認(rèn)為最實(shí)用的功能。
一、版本檢測(cè)
難免存在播放器版本過低的用戶,而且他們大多數(shù)是低端用戶,對(duì)電腦知識(shí)了解較淺,如果他們看不到我們所指出的FLASH動(dòng)畫,或者是由于播放器版本不支持新版本中的某些特性,用戶看到的是殘缺的動(dòng)畫,那么這就是一個(gè)糟糕的用戶體驗(yàn),用戶很容易將一切因素都?xì)w咎于產(chǎn)品的開發(fā)者。實(shí)用SWFObject就可以很好的避免這一麻煩,當(dāng)它檢測(cè)到用戶的播放器版本低于我們?cè)O(shè)置的版本時(shí),F(xiàn)LASH不會(huì)替換DIV容器中的內(nèi)容,因此我們可以在這里給用戶提示,例如:“你需要升級(jí)FLASH播放器版本至8.0+”。如果條件允許,我們可以在這里給用戶一個(gè)Adobe的FlashPlayer的升級(jí)鏈接或者直接提供一個(gè)Active安裝包給用戶下載安裝。
二、對(duì)FlashVars的支持
so.addVariable("arg1","test1"));
so.addVariable("arg2","test2"));
上面兩句代碼將以FlashVars的方式給FLASH的ROOT中添加兩個(gè)變量arg1=test1,arg2=test2,簡(jiǎn)潔,方便,同時(shí)不用我們?cè)倏紤]IE和FF的兼容問題。
注意:JS跟FLASH通信是以字符串傳遞的,因此對(duì)于Number型變量FLASH端需要做類型轉(zhuǎn)換。
三、設(shè)置FLASH內(nèi)聯(lián)參數(shù)
so.addParam("wmode", "transparent");
這是我們很熟悉的設(shè)置FLASH背景透明的代碼,其他內(nèi)聯(lián)屬性可以嘗試設(shè)置一下。
四、獲取URL中的變量
對(duì)于url?arg1=test1&arg2=test2這樣用GET方式傳遞變量的URL,我們可以用getQueryParamValue方法來(lái)獲取變量。
var t1 = getQueryParamValue("arg1");
alert(t1);
官方地址:http://blog.deconcept.com/swfobject/
首先讓我們看一段SWFObject作用的代碼:
//載入SWFObject類庫(kù)
<script type="text/javascript" src="swfobject.js" src="swfobject.js"></script>
//設(shè)置一個(gè)DIV,并設(shè)置ID,這個(gè)DIV將做為FLASH插入的容器
<div id="flashcontent">播放此動(dòng)畫需要FlashPlayre8.0+ </div>
//利用SWFObject來(lái)插入FLASH
<script type="text/javascript"> var so = new SWFObject("movie.swf", "mymovie", "200", "100", "7", "#336699");
//將id為flashcontent的DIV中內(nèi)容替換為FLASH
so.write("flashcontent");
</script>
看了上面的代碼感覺如何?比起平時(shí)用Object來(lái)插入FLASH文件是不是簡(jiǎn)潔多了,而且代碼結(jié)構(gòu)更清晰,對(duì)這段代碼的中文解釋可參看AW對(duì)SWFObject的翻譯,已經(jīng)很詳細(xì)了,不再贅述,下面只介紹一下個(gè)人認(rèn)為最實(shí)用的功能。
一、版本檢測(cè)
難免存在播放器版本過低的用戶,而且他們大多數(shù)是低端用戶,對(duì)電腦知識(shí)了解較淺,如果他們看不到我們所指出的FLASH動(dòng)畫,或者是由于播放器版本不支持新版本中的某些特性,用戶看到的是殘缺的動(dòng)畫,那么這就是一個(gè)糟糕的用戶體驗(yàn),用戶很容易將一切因素都?xì)w咎于產(chǎn)品的開發(fā)者。實(shí)用SWFObject就可以很好的避免這一麻煩,當(dāng)它檢測(cè)到用戶的播放器版本低于我們?cè)O(shè)置的版本時(shí),F(xiàn)LASH不會(huì)替換DIV容器中的內(nèi)容,因此我們可以在這里給用戶提示,例如:“你需要升級(jí)FLASH播放器版本至8.0+”。如果條件允許,我們可以在這里給用戶一個(gè)Adobe的FlashPlayer的升級(jí)鏈接或者直接提供一個(gè)Active安裝包給用戶下載安裝。
二、對(duì)FlashVars的支持
so.addVariable("arg1","test1"));
so.addVariable("arg2","test2"));
上面兩句代碼將以FlashVars的方式給FLASH的ROOT中添加兩個(gè)變量arg1=test1,arg2=test2,簡(jiǎn)潔,方便,同時(shí)不用我們?cè)倏紤]IE和FF的兼容問題。
注意:JS跟FLASH通信是以字符串傳遞的,因此對(duì)于Number型變量FLASH端需要做類型轉(zhuǎn)換。
三、設(shè)置FLASH內(nèi)聯(lián)參數(shù)
so.addParam("wmode", "transparent");
這是我們很熟悉的設(shè)置FLASH背景透明的代碼,其他內(nèi)聯(lián)屬性可以嘗試設(shè)置一下。
四、獲取URL中的變量
對(duì)于url?arg1=test1&arg2=test2這樣用GET方式傳遞變量的URL,我們可以用getQueryParamValue方法來(lái)獲取變量。
var t1 = getQueryParamValue("arg1");
alert(t1);
官方地址:http://blog.deconcept.com/swfobject/
您可能感興趣的文章:
- JS+FLASH幻燈片播放圖片腳本,整理了代碼,使得調(diào)用更加方便!
- 可以媲美Flash的JS導(dǎo)航菜單
- 用js實(shí)現(xiàn)的一個(gè)Flash滾動(dòng)輪換顯示圖片代碼生成器
- 用javascript實(shí)現(xiàn)的仿Flash廣告圖片輪換效果
- flash與js通訊方法
- 比較簡(jiǎn)單的一個(gè)符合web標(biāo)準(zhǔn)的JS調(diào)用flash方法
- 純js無(wú)flash仿搜狐女人頻道FLASH圖片切換效果代碼
- Javascript 判斷Flash是否加載完成的代碼
- JS仿flash上傳頭像效果實(shí)現(xiàn)代碼
- JavaScript仿flash遮罩動(dòng)畫效果
相關(guān)文章
JS正則RegExp.test()使用注意事項(xiàng)(不具有重復(fù)性)
這篇文章主要介紹了JS正則RegExp.test()使用注意事項(xiàng),結(jié)合實(shí)例形式分析了RegExp.test()方法的功能與用法,以及針對(duì)不能重復(fù)調(diào)用的解決方法,需要的朋友可以參考下2016-12-12setinterval()與clearInterval()JS函數(shù)的調(diào)用方法
這篇文章主要介紹了setinterval()與clearInterval()JS函數(shù)的調(diào)用方法,實(shí)例分析了setinterval()與clearInterval()的語(yǔ)法結(jié)構(gòu)及使用技巧,需要的朋友可以參考下2015-01-01Three.js實(shí)現(xiàn)瀏覽器變動(dòng)時(shí)進(jìn)行自適應(yīng)的方法
這篇文章主要給大家介紹了關(guān)于Three.js實(shí)現(xiàn)瀏覽器變動(dòng)時(shí)進(jìn)行自適應(yīng)的方法,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考借鑒,下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。2017-09-09JS 中LocalStorage和SessionStorage的使用
最近因?yàn)轫?xiàng)目上需要使用到客戶端存儲(chǔ),所以稍微研究了一下,以下說說自己的理解和使用經(jīng)驗(yàn),特此分享到腳本之家平臺(tái),感興趣的朋友參考下吧2017-08-08