您现在的位置: 万盛学电脑网 >> 程序编程 >> 网络编程 >> 编程语言综合 >> 正文

flvplayer.swf flv视频播放器使用方法

作者:佚名    责任编辑:admin    更新时间:2022-06-22

今天由于网页上要加入一个视频文件,就研究了一下flv视频播放器flvplayer.swf

一、直接在html文件中加载: 

 代码如下:

<div id="FlashFile"> 

<object type="application/x-shockwave-flash" width="470px" height="403px" 

data="flvplayer.swf?file=movies/company.flv"> 

<param name="movie" value="flvplayer.swf?file=movies/company.flv&showfsbutton=true&autostart=true" /> 

<param name="wmode" value="transparent" /> 

<param name="quality" value="high" /> 

<param name="allowfullscreen" value="true" /> 

</object> 

</div> 

 

二、使用javascript动态加载: 

代码如下:

<script type="text/javascript"> 

function PlayFlv(filename) { 

var videoname = filename; //视频文件名 

var floder = "video"; //存放Flash视频的文件夹,注意是相对flvplayer.swf文件的位置(images/flvplayer.swf) 

var div = document.getElementById("flvPlayDiv"); 

div.innerHTML = "<img src='images/wait.gif' alt=''>"; //增加等待图片已增加用户体验; 

div.style.display = "none"; 

var result = "<table align='center'><tr><td align='center'><object type='application/x-shockwave-flash' width='470px' height='403px' "; 

result += "data='images/flvplayer.swf?file=" + floder + "/" + filename + "'>"; 

result += "<param name='movie' value='images/flvplayer.swf?file=" + floder + "/" + filename + "&showfsbutton=true&autostart=true' />"; 

result += "<param name='wmode' value='transparent' />"; 

result += "<param name='quality' value='high' />"; 

result += "<param name='allowfullscreen' value='true' />"; 

result += "</object></td></tr></table> "; 

div.innerHTML = result; 

div.style.display = "inline";//div显示方式 

</script> 

 

在body区域中加入以下代码: 

复制代码 代码如下:

<button id="kk" type="button" onclick="PlayFlv('company1.flv')">播放1</button> 

<br /><button id="k2" type="button" onclick="PlayFlv('company2.flv')">播放2</button> 

<div id="flvPlayDiv"></div><!--视频播放的div区域 --> 

 

JW FLV PLAYER 在线FLV播放器中文使用说明

使用方法:如果你仅需要播放一个FLV文件[例如“video.flv”],那么只要把“video.flv”和压缩包内的flvplayer.swf复制到同一个目录内,然后在页面内添加 

程序代码 

<object type="application/x-shockwave-flash" width="400" height="220" 

wmode="transparent" data="flvplayer.swf"> 

<param name="movie" value="flvplayer.swf" /> 

<param name="wmode" value="transparent" /> 

<object/> 

“flvplayer.swf”会自动找到同一目录内的“video.flv”播放。也可以在“flvplayer.swf”后添加FLV文件的URL来进行播放。方法如下: 

程序代码 

<object type="application/x-shockwave-flash" width="400" height="220" 

wmode="transparent data="flvplayer.swf?file=movies/holiday.flv"> 

<param name="movie" value="flvplayer.swf?file=movies/holiday.flv" /> 

<param name="wmode" value="transparent" /> 

</object> 

“file=movies/holiday.flv”就是参数,可以使用相对或者绝对地址。 

其他参数说明: 

如果载入影片时不需要自动播放,可以使用“autostart”参数 

例子 

程序代码 

<object type="application/x-shockwave-flash" width="400" height="220" 

wmode="transparent" data="flvplayer.swf?autostart=false"> 

<param name="movie" value="flvplayer.swf?autostart=false" /> 

<param name="wmode" value="transparent" /> 

</object> 

多个参数可以混合使用,有效的参数列表: 

程序代码 

file (FLV文件的地址) 

autostart (是否允许自动播放,"true"或者"false") 

image (未播放时的预览图片,只支持JPEG格式) 

repeat (是否重复播放) 

clicktext (开始时显示的文字,默认是"click to play") 

下面是3.12版本http://www.cgfans.net/bbs/Medias/2007/10/jw_flv_player.zip这个是3.12版本 

这篇文档包含了JW MP3 Player,JW FLVPlayer,JW Media Player,JW Image Rotator的安装方法和配置方 

法 

JW PLAYERS 3.12 文档 

1,安装 (在你的站点里嵌入) 

2,参数 (配置) 

基本参数 

颜色参数 

界面参数 

播放参数 

互动参数 

3,播放列表 

4,自定义 

5,支持 

快速配置,可运行配置向导 

1,安装 

下载后,你可以得到一个例子,当用文本或HTML编辑器打开的时候,你可以发现swf是用一段短小的 

javascript嵌入到页面上的。这个Javascript是Geoff Stearns写的swfobject.js,它解决了Flash需要激 

活的麻烦。当复制swf到你的站点的时候,不要忘记了把swfobject.js一同复制过去。并且在页面中的 

Head中加入下面代码 

程序代码 

<script type="text/javascript" src="swfobject.js"></script> 

在swfobject.js的帮助下你可以方便的设置swf的路径,宽度,高度,背景颜色和所需要的Flash播放器的版本,也可以通过它设置一组参数来配置swf。当页面加载的时候,javascript会根据id来替换页面中的节点。 

程序代码 

<p id="player"><a href="http://www.macromedia.com/go/getflashplayer">Get Flash</a> to see this player.</p> 

<script type="text/javascript"> 

var so = new SWFObject('mediaplayer.swf','player','400','400','7'); 

so.addParam("allowfullscreen","true"); 

so.addVariable("file","test.flv"); 

so.addVariable("displayheight","300"); 

so.write('player'); 

</script> 

在你不能使用javascript的情况下(比如你的bsp不支持,如myspace),你可以使用"embed"的方式来插入swf。 

需要注意的是 swf可以不在该服务器上,但是如果你需要用xml的播放列表可能会有问题,因为xml必须和swf在同一个服务器上,否则会因为安全问题被组织。mp3,jpg,flv可以不在该服务器上。 

程序代码 

<embed src="http://www.myfileserver.com/folder/mediaplayer.swf" width="400" height="400" 

type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" 

flashvars="file=http://www.myfileserver.com/folder/test.flv&displayheight=300" /> 

2,参数 

这些参数可以配置被嵌入到html中的播放器的行为和外观。如果使用swfobject.js,可以用addVariable()方法来配置,如果使用的embed方式,可以通过定义"flashvars"属性来配置变量,注意用&qu