videoJS播放器插件使用

        Video.js 是一个非常流行的开源 JavaScript 库，用于在网站上创建自定义的 HTML5 视频播放器。它支持多种浏览器，并且提供了丰富的功能，如全屏播放、播放速度控制、字幕、皮肤自定义等。

        播放形式上，VideoJS可用于直播和点播，同时支持HLS、DASH、WebM和MP4边下载边播放。在外观样式上，VideoJS可高度自定义，开源社区中有非常多的皮肤可以选用。Multi-DRM、广告插入、字幕等大多数重要的功能都可以通过插件配置到播放器中。更加完整的VideoJS功能和特性，请参见：https://docs.videojs.com/。

        Linkedin、The Guardian、Tumblr等多个大流量的组织和公司都使用VideoJS播放器，这也证明了它不仅稳定，而且正在被持续改进，同时还保证了充分的测试。

        下面是如何使用 Video.js 创建一个基本的视频播放器的步骤：

1. 引入 Video.js 库

        首先，你需要在你的 HTML 文件中引入 Video.js 的 CSS 和 JavaScript 文件。你可以从 Video.js 官网下载库文件，或者使用 CDN 链接。

<!-- 引入 Video.js CSS -->
<link href="https://vjs.zencdn.net/7.10.2/video-js.css" rel="stylesheet" />
 
<!-- 引入 Video.js JavaScript -->
<script src="https://vjs.zencdn.net/7.10.2/video.js"></script>

2. 添加视频元素

在你的 HTML 中添加一个 <video> 元素，并为它设置一个 ID，以便 Video.js 可以识别和初始化它。

<video id="my-video" class="video-js" controls preload="auto" width="640" height="264"
  data-setup='{}'>
  <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>

具体使用方法参见：

《videojs 播放器插件使用详解》