videojs用法
videojs是一种用于向网页中添加视频播放器的JavaScript框架。它可以帮助我们快速开发具备全屏、控制条、音量调节、分辨率调节等功能的视频播放器。
videojs的使用非常简单，下面将按照官方教程的方式，给出使用videojs制作视频播放器的步骤：
1. 下载videojs，解压后将其中的”video.js”和”video-js.css”文件复制到你的工作目录下。
2. 编写HTML代码，使用如下代码段来添加一个视频播放器：
html
<video id="my-video" class="video-js" controls preload="auto" width="640" height="264"
  poster="MY_VIDEO_POSTER.jpg" 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=" target="_blank">supports HTML5 video</a>
  </p>
</video>
3. 下载所有需要用到的videojs插件。你可以从videojs上选择要用的插件，并将它们添加到你的工作目录下。
4. 为你的项目添加以下JavaScript脚本：
javascript
<script src="video.js"></script>
<script src="MY_JS_PLUGIN.js"></script>
<script>
var player = videojs('my-video', {
  plugins: {
js脚本开发    MY_PLUGIN: {
      foo: true,
      bar: false
    }
  }
});
</script>
这段脚本会将制作出的视频播放器注册到DOM元素中，并将其中的插件添加到播放器中。如果你需要更多插件功能，可以再下载相关插件并以同样的方式添加到代码中。
使用videojs制作视频播放器可以极大程度地方便我们显著地提高我们工作效率。同时videojs还具有丰富的插件功能，可以进一步帮助我们制作强大的、完美的播放器。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。