视频播放器集成与配置-优快云博客

本文链接：https://blog.youkuaiyun.com/liangfrank/article/details/55045114

<!-- Chang URLs to wherever Video.js files will be hosted -->
      <link href="__PUBLIC__/video-js/video-js.css" rel="stylesheet" type="text/css">
      <!-- video.js must be in the <head> for older IEs to work. -->
      <script src="__PUBLIC__/video-js/video.js"></script>
      <!-- Unless using the CDN hosted version, update the URL to the Flash SWF -->
      <script>
        videojs.options.flash.swf = "video-js.swf";
      </script>
    <video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="100%" height="100%"
      poster="http://video-js.zencoder.com/oceans-clip.png"
      data-setup="{}">
    <source src="http://vjs.zencdn.net/v/oceans.mp4" type='video/mp4' />
    <source src="http://vjs.zencdn.net/v/oceans.webm" type='video/webm' />
    <source src="http://vjs.zencdn.net/v/oceans.ogv" type='video/ogg' />
    <track kind="captions" src="demo.captions.vtt" srclang="en" label="English"></track><!-- Tracks need an ending tag thanks to IE9 -->
    <track kind="subtitles" src="demo.captions.vtt" srclang="en" label="English"></track><!-- Tracks need an ending tag thanks to IE9 -->
  </video>

video-js简单操作