Video.js播放器宽高自适应设置方法

第一步编辑:video.js这个脚本

在最末尾处增加如下代码

 var player = videojs('video', { fluid: true }, function () {
      console.log('Good to go!');
      this.play(); // if you don't trust autoplay for some reason  
})

第二步:设置调用Video.js播放器html代码

<video  

    width="1920" 
    height="1080" 
    id="my-player"
    class="video-js  vjs-big-play-centered vjs-fluid " 
    controls
    preload="auto"
    data-setup='{}'>
  <source src="https://jiasu.5yun.org/wp-contenthttp://www.5yun.org/video/14965.mp4" type="video/mp4"></source>

</video>

第五行的class中添加vjs-fluid这个参数,视频就跟随窗口大小变化了

width=”1920″ height=”1080″ 这个是声明原视频大小

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片