HTML 在線播放flv、MP4 超簡單插件----flowplayer

這是一款免費的web在線播放插件，建議去官網下載，官方文檔也很詳細；

官網地址：http://flowplayer.org/download/index.html

 

本人英語很差，看半天沒從官網找到下載地址，要感謝一網友給找了一 floweplayer 插件包

網盤地址：http://pan.baidu.com/s/1gdJDIaJ

 

首先 引入js文件

<script type="text/javascript" src="flowplayer-3.2.11.min.js"></script>

 

方法一：a標籤

<a href="test.flv" style="display: block; width: 670px; height: 450px" id="player"></a>
<script>
   flowplayer("player", "flowplayer-3.2.15.swf");
</script>

href 能夠是相對路徑，絕對路徑(我沒測試不過應該是能夠的)，也能夠是url路徑(http://***.flv)

使用flowplayer()函數調用播放器，第一個參數是播放器的id，第二個參數是播放器的路徑，它是一個flash文件，要保證該播放器的路徑和名字的正確

 

方法二：div標籤

<div id="player" style="width: 670px; height: 450px;"></div> 

<script>flowplayer("player", "flowplayer-3.2.15.swf", { clip: { url: "test.flv", autoPlay: false, autoBuffering: true} }); </script>

使用flowplayer()函數調用播放器，第一個參數是播放器的id，第二個參數是播放器的路徑

clip方法裏的url：表示視頻文件的真實地 址,url 能夠是相對路徑，絕對路徑,url地址，autoPlay：表示是否自動播放，默認是true，autoBuffering：表示是否自動緩衝，即當視頻文件設置爲不自動播放時，播放器仍然 預先下載視頻文件內容。

 

flowplayer還支持播放列表，以及皮膚設置等多項高級設置，具體設置方法，請參考官方文檔：https://flowplayer.org/docs/