video.js 基本使用

video.js 是一个基于 HTML5 的开源视频播放器，支持多种视频格式和浏器，并提供了丰富的 API 和插件，可以满足不同的需求。

以下是 video.js 的基本使用步骤：

1. 引入 video.js

在 HTML 页面中引入 video.js 和 video.css 文件：

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

2. 创建 video 标签

在 HTML 页面中创建一个 video 标签：

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

其中：

- `id`：指定 video 标签的 ID。
- `class`：指定 video.js 的样式。
- `controls`：显示控制条。
- `preload`：在页面加载时预加载视频。
- `width` 和 `height`：指定视频的宽度和高度。
- `data-setup`：指定 video.js 的配置，可以在其中设置视频的属性和插件。

3. 初始化 video.js

在 JavaScript 中初始化 video.js：

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

其中，`'my-video'` 是 video 标签的 ID。

4. 操作视频

通过 `player` 对象可以操作视频，例如：

player.play(); // 播放视频
player.pause(); // 暂停视频

更多 API 可以查看 video.js 的官方文档。

以上就是 video.js 的基本使用步骤，可以通过配置和插件来定制视频播放器的行为和样式。