【小(xiǎo)編推薦】視(shì)頻(pín)播放₽→(fàng)插件(jiàn)Video.js

2016-06-27  &nbΩ©"sp;|   發布者:梁國(guó)芳 β♠≤ ;  |   查看​♦(kàn):3320次

前端開(kāi)發
 Video.js 是(shì)一(yī)個(g​₩≥è)通(tōng)用(yòng)的(de)在網頁上(shàng)嵌入視(sh© •ì)頻(pín)播放(fàng)器(qì)的(de) JS ¶↕庫,Video.js 自(zì)動檢測浏覽α£器(qì)對(duì) HTML5 的(de)•£支持情況,如(rú)果不(bù)支持 HTML5 則 ♦‍自(zì)動使用(yòng) Flash 播放(fàng)器(qì)。

使用(yòng)方法

在頁面中引用(yòng)video-js.cs樣式文(wén)件(jiàn)>&≥ 和(hé)video.js

 
  1.  
  2. cript>

設置flash路(lù)徑,Video.js會(huì)在不(bù)支持ht♥ελml5的(de)浏覽中使用(yòng)flas£∞↔♣h播放(fàng)視(shì)頻(pín)文(wén)件(j​§₽iàn)

 

 
  1.  
  2.     videojγ₹‌s.options.flash.swf  →÷= “video-js.swf”;
  3. cript>

html

poster=”**”播放(fàng)初∏≤始圖。可(kě)使用(yòng)三種視(shì)頻(p→β•ín)格式,根據所需要(yào)格式選擇對(duì)應的(de)。

 

 
  1.  
  2.       p₹γoster=“http://video-js.zencoder.c​ε←om/oceans-clip.png”
  3.      ≈δ©→ data-setup=“{}”>
  4.     
  5.     
  6.     δ$
  7.     
  8.     
  9.  

設置自(zì)動播放(fàng)将下(xià)面代碼加到(dà♠♦αo)html中代碼後面

 
  1.  
  2.     var myPlayer =&♦✔←™nbsp;videojs(‘♦✔→∑example_video_1’);
  3.     videojs(λ₹★§“example_video_1”).ready(function(){
  4.     &n♥≤bsp;   var myPlayer =&n<$bsp;this;
  5.      &&→←™nbsp;  myPlayer.play();
  6.     });
  7. cript>
  8. 下(xià)載地(dì)址 http://♦Ωzhaopin.0fafa.com/work/508☆♣9457672.zip