最新消息:不要跟我说什么底层原理、框架内核!老夫敲代码就是一把梭! 复制,粘贴,拿起键盘就是干!!

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

软件·服务器 楚盟 3581浏览 0评论

第一步编辑: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://media.5yun.org/video/14965.mp4" type="video/mp4"></source>

</video>

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

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

转载请注明:楚盟网 » Video.js播放器宽高自适应设置方法

发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址