一个在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 >
< 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 >
复制代码

效果如下:


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

示例下载




本文转自钢钢博客园博客,原文链接:http://www.cnblogs.com/xugang/archive/2011/03/19/1988796.html,如需转载请自行联系原作者

相关文章
|
JavaScript 前端开发 网络安全
Video.js实现在html页面播放rtmp流媒体
Video.js实现在html页面播放rtmp流媒体
1201 0
|
编解码 移动开发 JavaScript
html页面播放视频编码是265的m3u8的流媒体地址
html页面播放视频编码是265的m3u8的流媒体地址
421 0
|
6月前
|
Ubuntu C++ Docker
Docker的基本指令和HTML/PYTHON/C++的简单创建示例
Docker的基本指令和HTML/PYTHON/C++的简单创建示例
|
6月前
|
前端开发 JavaScript
HTML 全局属性介绍及示例
HTML 全局属性介绍及示例
|
6月前
HTML表格的跨行与跨列:《红楼梦》人物与小学课表示例
HTML表格的跨行与跨列:《红楼梦》人物与小学课表示例
|
5月前
|
JavaScript 前端开发 UED
【源码分享】简单的404 HTML页面示例,该页面在加载时会等待2秒钟,然后自动重定向到首页
【源码分享】简单的404 HTML页面示例,该页面在加载时会等待2秒钟,然后自动重定向到首页
449 0
|
7月前
|
移动开发 前端开发 JavaScript
如何实时准确地从HTML5视频中截取当前播放画面
如何实时准确地从HTML5视频中截取当前播放画面
638 4
|
7月前
|
前端开发
HTML代码示例
HTML代码示例
91 1
|
7月前
|
前端开发 文件存储 Python
python之xhtml2pdf: HTML转PDF工具示例详解
python之xhtml2pdf: HTML转PDF工具示例详解
570 0
|
7月前
|
数据采集 数据挖掘 Python
Python之html2text: 将HTML转换为Markdown 文档示例详解
Python之html2text: 将HTML转换为Markdown 文档示例详解
587 0