video.js下載 - video.js原始碼下載

影片.js

其他源碼

Unknown

下載

Video.js® - 網路影片播放器

Video.js 是一款功能齊全的開源視訊播放器，適用於所有基於 Web 的平台。

Video.js 開箱即用，支援網路上使用的所有常見媒體格式，包括 HLS 和 DASH 等串流媒體格式。它適用於桌上型電腦、行動裝置、平板電腦和基於網路的智慧電視。它可以透過強大的插件生態系統進一步擴展和客製化。

Video.js 於 2010 年中期啟動，目前已用於超過~~50,000~~ ~~100,000~~ ~~20萬40萬70萬~~800,000 個網站。

快速入門

感謝 Fastly 的出色人員，提供了任何人都可以使用的免費 CDN 託管版本的 Video.js。將這些標籤加入文件的：

">

 < link href =" //vjs.zencdn.net/8.19.1/video-js.min.css " rel =" stylesheet " >
< script src =" //vjs.zencdn.net/8.19.1/video.min.js " >  script >

或者，您可以透過從 npm 取得、從 GitHub 版本下載或透過 unpkg 或其他 JavaScript CDN（例如 CDNjs）包含 Video.js 來包含它。

">

 
< link href =" https://unpkg.com/video.js/dist/video-js.min.css " rel =" stylesheet " >
< script src =" https://unpkg.com/video.js/dist/video.min.js " >  script >


< link href =" https://unpkg.com/[email protected]/dist/video-js.min.css " rel =" stylesheet " >
< script src =" https://unpkg.com/[email protected]/dist/video.min.js " >  script >


< link href =" https://cdnjs.cloudflare.com/ajax/libs/video.js/8.19.1/video-js.min.css " rel =" stylesheet " >
< script src =" https://cdnjs.cloudflare.com/ajax/libs/video.js/8.19.1/video.min.js " >  script >

接下來，使用 Video.js 就像創建元素一樣簡單，但具有附加的data-setup屬性。該屬性至少必須具有值'{}' ，但它可以包含任何 Video.js 選項 - 只需確保它包含有效的 JSON！

To view this video please enable JavaScript, and consider upgrading to a web browser that supports HTML5 video

">

 < video
    id =" my-player "
    class =" video-js "
    controls
    preload =" auto "
    poster =" //vjs.zencdn.net/v/oceans.png "
    data-setup =' {} ' >
  < source src =" //vjs.zencdn.net/v/oceans.mp4 " type =" video/mp4 " >  source >
  < source src =" //vjs.zencdn.net/v/oceans.webm " type =" video/webm " >  source >
  < source src =" //vjs.zencdn.net/v/oceans.ogv " type =" video/ogg " >  source >
  < p class =" vjs-no-js " >
    To view this video please enable JavaScript, and consider upgrading to a
    web browser that
    < a href =" https://videojs.com/html5-video-support/ " target =" _blank " >
      supports HTML5 video
     a >
   p >
 video >

當頁面載入時，Video.js 將找到該元素並自動在其位置設定一個播放器。

如果您不想使用自動設置，則可以省略data-setup屬性並使用videojs函數手動初始化元素：

 var player = videojs ( 'my-player' ) ;

videojs函數也接受一個options物件和一個在播放器準備好時呼叫的回呼：

 var options = { } ;

var player = videojs ( 'my-player' , options , function onPlayerReady ( ) {
  videojs . log ( 'Your player is ready!' ) ;

  // In this context, `this` is the player that was created by Video.js.
  this . play ( ) ;

  // How about an event listener?
  this . on ( 'ended' , function ( ) {
    videojs . log ( 'Awww...over so soon?!' ) ;
  } ) ;
} ) ;