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>

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容