html中,播放 flash

简介: 引用:http://www.cnblogs.com/xugang/archive/2011/03/19/1988796.html 首先,创建一个独立的JavaScript 文件(如:flash.js)用于添加Flash 播放器。

引用:http://www.cnblogs.com/xugang/archive/2011/03/19/1988796.html

首先,创建一个独立的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 >
复制代码

 

效果如下:


 [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

 

示例下载

相关文章
|
11天前
|
存储 移动开发 JavaScript
网页 HTML 自动播放下一首音乐
在 HTML5 中实现自动播放下一首音乐,通过管理音乐列表、操作音频元素和监听事件完成。创建包含多个音乐链接的列表,使用 `&lt;audio&gt;` 元素加载音乐,监听 `ended` 事件,在当前音乐结束时自动播放下一首。示例代码展示了如何使用 JavaScript 实现这一功能,确保无缝切换音乐。
|
9月前
|
移动开发 前端开发 JavaScript
如何实时准确地从HTML5视频中截取当前播放画面
如何实时准确地从HTML5视频中截取当前播放画面
745 4
|
JavaScript 前端开发 网络安全
Video.js实现在html页面播放rtmp流媒体
Video.js实现在html页面播放rtmp流媒体
1268 0
|
编解码 移动开发 JavaScript
html页面播放视频编码是265的m3u8的流媒体地址
html页面播放视频编码是265的m3u8的流媒体地址
492 0
|
移动开发 HTML5
HTML5播放 M3U8的hls流地址
HTML5播放 M3U8的hls流地址
306 0
html播放音频标签(兼容ie,谷歌)
html播放音频标签(兼容ie,谷歌)
124 0
|
移动开发 HTML5
HTML5中的audio在手机端和微信端的不能自动播放
再做H5页面的时候,发现audio在手机端和微信端添加了autoplay以后还是不可以自动播放,这是因为手机端为了节约流量所设置的
HTML页面 加载播放RTMP协议流和HLS协议流直播视频
HTML页面 加载播放RTMP协议流和HLS协议流直播视频
1049 0
HTML页面 加载播放RTMP协议流和HLS协议流直播视频

热门文章

最新文章