一个在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);}

 

 然后,创建一个XML 文件(如:inddata.xml)用于保存图片的路径地址。代码如下:

< data >
< big ="big_img/big_img1.jpg"  small ="small_img/small_img1.jpg"  url ="http://xugang.cnblogs.com" />
< big ="big_img/big_img2.jpg"  small ="small_img/small_img2.jpg"  url ="http://xugang.cnblogs.com" />
< 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 >

 

效果如下:

<div class="bnrInd"> </div>
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

 

示例下载

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值