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

<div /> 
</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 ></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 为true 
4.如果你的进度条不动,或者你的视频的长度有问题。那可能是你的flv没有设置正确的metadata。你可以使用一个小工具www.buraks.com/flvmdi/. 

两个版本使用起来稍有不同,具体请见里面说明 
官方下载链接:http://www.jeroenwijering.com/

如对本文有疑问,请提交到交流社区,广大热心网友会为你解答!! 点击进入社区

相关文章: