video.js使用方法

Video.js 是一款开源的 HTML5 视频播放器，它可用于在网页上播放 MP4、WebM、FLV 等格式的视频。下面是一个简单的 Video.js 使用示例：

1. 引入 Video.js

在 HTML 中引入 Video.js：

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

2. 创建视频元素

在 HTML 中创建一个视频元素：

<video id="my-video" class="video-js" controls preload="auto" width="640" height="264">
  <source src="my-video.mp4" type="video/mp4" />
  <source src="my-video.webm" type="video/webm" />
  <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>

3. 初始化 Video.js

在 JavaScript 中初始化 Video.js：

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

4. 配置选项

可以通过传递选项对象来配置 Video.js：

var player = videojs('my-video', {
  autoplay: true,
  muted: true,
  controls: true,
  sources: [
    {
      src: 'my-video.mp4',
      type: 'video/mp4'
    },
    {
      src: 'my-video.webm',
      type: 'video/webm'
    }
  ]
});

5. 控制播放器

可以通过调用 Video.js 实例的方法来控制播放器：

player.play(); // 播放
player.pause(); // 暂停
player.currentTime(10); // 跳转到 10 秒处

以上就是一个简单的 Video.js 使用示例。更多详细的使用方法可以参考官方文档：https://docs.videojs.com/