Flowplayer 是一個(gè)開(kāi)源（GPL 3的）WEB視(shì)頻播放器(qì)。您可(kě)以将該播放器(qì)嵌入您的網頁中，如果您是開(kāi)發人(rén)員，您還(hái)可(kě)以自由定制(zhì)和(hé)配置播放器(qì)相關參數(shù)以達到您要的播放效果。本文主要介紹Flowplayer的使用。

Flowplayer支持播放flv、swf等流媒體(tǐ)以及圖片文件，能夠非常流暢的播放視(shì)頻文件，支持自定義配置和(hé)擴展。

1、加載flowplayer.js

在要播放視(shì)頻的頁面的head之間(jiān)加入flowplayer.js。

2、XHTML

在需要加入播放器(qì)的地方加入如下一段代碼：

将a标簽的href屬性指向要播放的視(shì)頻地址，然後設置樣式，寬度和(hé)高(gāo)度，以及設置display:block，當然關鍵的是還(hái)要給a标簽指定一個(gè)id，以便于JS調用。

當然你(nǐ)也可(kě)以隻在html中指定一個(gè)DIV，然後由Javascript來(lái)控制(zhì)播放地址，如：

3、Javascript

在頁面底部計(jì)入javascript腳本調用播放器(qì)：

使用flowplayer()函數(shù)調用播放器(qì)，第一個(gè)參數(shù)是播放器(qì)的id，第二個(gè)參數(shù)是播放器(qì)的路徑，它是一個(gè)flash文件，一定要保證播放器(qì)的路徑正确。

如果不是使用a标簽調用視(shì)頻文件，而是使用DIV來(lái)調用，則代碼如下：

flowplayer(
    "player2", 
	"static/file/TOOL",{
	  clip: {
		url: "flowplayer.flv",
		autoPlay: false, 
		autoBuffering: true 
	  }
	}
);

flowplayer()函數(shù)的第三個(gè)參數(shù)是可(kě)以進行(xíng)多(duō)項設置的，其實就是高(gāo)級設置。clip方法裏的url：表示視(shì)頻文件的真實地址，autoPlay：表示是否自動播放，默認是true，autoBuffering：表示是否自動緩沖，即當視(shì)頻文件設置為(wèi)不自動播放時(shí)，播放器(qì)仍然預先下載視(shì)頻文件內(nèi)容。