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 全部选择 提示:你可先修改部分代码,再按运行]

 

示例下载

相关文章
|
5月前
|
JavaScript 前端开发 网络安全
Video.js实现在html页面播放rtmp流媒体
Video.js实现在html页面播放rtmp流媒体
218 0
|
5月前
|
编解码 移动开发 JavaScript
html页面播放视频编码是265的m3u8的流媒体地址
html页面播放视频编码是265的m3u8的流媒体地址
101 0
|
5月前
|
移动开发 HTML5
HTML5播放 M3U8的hls流地址
HTML5播放 M3U8的hls流地址
HTML页面 加载播放RTMP协议流和HLS协议流直播视频
HTML页面 加载播放RTMP协议流和HLS协议流直播视频
889 0
HTML页面 加载播放RTMP协议流和HLS协议流直播视频
|
移动开发 HTML5
html5实现的复古软件winamp的播放效果
Created by Wang, Jerry, last modified on Feb 25, 2015
91 0
html5实现的复古软件winamp的播放效果
|
JavaScript 内存技术
HTML加载FLASH(*.swf文件)详解
HTML加载FLASH(*.swf文件)详解引言在web项目中经常会遇到在线浏览word文档,通常解决方法将word转换成pdf,然后在线浏览,但是在实际实现过程中,由于阅读器的原因,用户可以直接下载该pdf,这显然不是我们想要的,通过网络搜索,发现可以将word文档转换成swf文件,通过flash实现在线浏览,本文将详细介绍具体实现的方法。
1839 0
|
Web App开发 移动开发 图形学
使用Flash,HTML5和Unity开发网页游戏的对比
1.开发流程 Flash:用Flash来开发游戏非常简单。因为关于它有无数的书籍,网站,教程,框架,视频和源代码。对于开发工具来说,Flex route是免费的,Flash IDE需要付费。Flash拥有通用且强大的矢量渲染功能,这意味这你创建的动画的文件格式会非常小。
2881 0
|
移动开发 应用服务中间件 nginx