一個在HTML 中播放Flash 的示例
首先,創建一個獨立的JavaScript 文件(如:flash.js)用于添加Flash 播放器。代碼如下:
function CreateFlash(idad,swfurl,wad,had,vs){
var str="<object classid=\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\" codebase=\"http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0\" width=\""+wad+"\" height=\""+had+"\" id=\""+idad+"\" align=\"middle\">";str+="<param name=\"allowScriptAccess\" value=\"always\">";str+="<param name=\"quality\" value=\"high\">";str+="<param name=\"wmode\" value=\"opaque\">";str+="<param name=\"movie\" value=\""+swfurl+"\">";str+="<param name=\"flashvars\" value=\""+vs+"\">";str+="<embed src=\""+swfurl+"\" flashvars=\""+vs+"\" quality=\"high\" wmode = \"opaque\" width=\""+wad+"\" height=\""+had+"\" name=\""+idad+"\" align=\"middle\" allowScriptAccess=\"always\" type=\"application/x-shockwave-flash\" pluginspage=\"http://www.macromedia.com/go/getflashplayer\">";str+="</object>";document.write(str);}
var str="<object classid=\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\" codebase=\"http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0\" width=\""+wad+"\" height=\""+had+"\" id=\""+idad+"\" align=\"middle\">";str+="<param name=\"allowScriptAccess\" value=\"always\">";str+="<param name=\"quality\" value=\"high\">";str+="<param name=\"wmode\" value=\"opaque\">";str+="<param name=\"movie\" value=\""+swfurl+"\">";str+="<param name=\"flashvars\" value=\""+vs+"\">";str+="<embed src=\""+swfurl+"\" flashvars=\""+vs+"\" quality=\"high\" wmode = \"opaque\" width=\""+wad+"\" height=\""+had+"\" name=\""+idad+"\" align=\"middle\" allowScriptAccess=\"always\" type=\"application/x-shockwave-flash\" pluginspage=\"http://www.macromedia.com/go/getflashplayer\">";str+="</object>";document.write(str);}
然后,創建一個XML 文件(如:inddata.xml)用于保存圖片的路徑地址。代碼如下:
<data>
<l big="big_img/big_img1.jpg" small="small_img/small_img1.jpg" url="http://xugang.cnblogs.com"/>
<l big="big_img/big_img2.jpg" small="small_img/small_img2.jpg" url="http://xugang.cnblogs.com"/>
<l big="big_img/big_img3.jpg" small="small_img/small_img3.jpg" url="http://xugang.cnblogs.com"/>
</data>
<l big="big_img/big_img1.jpg" small="small_img/small_img1.jpg" url="http://xugang.cnblogs.com"/>
<l big="big_img/big_img2.jpg" small="small_img/small_img2.jpg" url="http://xugang.cnblogs.com"/>
<l big="big_img/big_img3.jpg" small="small_img/small_img3.jpg" url="http://xugang.cnblogs.com"/>
</data>
注意:在此XML 文件中指定大圖片和小圖標的地址路徑。
最后,在網頁HTML 文件中,編寫代碼如下:
<!-- head 標簽中,添加JS引用 -->
<script src="../js/flash.js" language="javascript"></script>
......
<!-- body 標簽中,添加顯示flash的代碼 -->
<div class="bnrInd">
<script language="javascript">
//初始化Flash時,包含xml路徑
CreateFlash("banner", "../AboutUs/banner.swf", 1002, 280, "data=inddata.xml");
</script>
</div>
<script src="../js/flash.js" language="javascript"></script>
......
<!-- body 標簽中,添加顯示flash的代碼 -->
<div class="bnrInd">
<script language="javascript">
//初始化Flash時,包含xml路徑
CreateFlash("banner", "../AboutUs/banner.swf", 1002, 280, "data=inddata.xml");
</script>
</div>
效果如下:
[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]
| 作者: XuGang 網名:鋼鋼 |
| 出處: http://xugang.cnblogs.com |
| 聲明: 本文版權歸作者和博客園共有。轉載時必須保留此段聲明,且在文章頁面明顯位置給出原文連接地址! |
浙公網安備 33010602011771號