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?!' ) ;
  } ) ;
} ) ;