flvplayer.swf flv視頻播放器使用方法

今天由於網頁上要加入一個視頻文件，就研究了一下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