video js-2

以下两种写法效果是在 html页面得到了放大的video,也就是video显示被videojs改变了，但也还不能播放       https://docs.videojs.com/tutorial-setup.html

1.自动准备好，也就是videojs默认会去找video带data-setup参数的

  最基本的一段 video标签是必须的，class是必须的，页面加载完成,videojs就开始扫描

  所有带data-setup 属性的video元素，特别注意data-setup='{}'是单引号，用于给videojs传递选项

<video class="video-js" data-setup='{}'>/video>

   <source src="//vjs.zencdn.net/v/oceans.webm" type="video/webm">

</video>

2.手动也就是调用videojs

    实际状况是页面加载完,video也还没下载,所以可以不用 data-setup

   2.1 给video 加id,最后加个函数

          .< video id="my-player"   class="video-js" >/video>

          <script>videojs('my-playe'); </script>

 2.2如果上文中ID太多，也可以不加,改成：

  <script> videojs(document.querySelector('.video-js'));</script>