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

2018-01-27
12,854次阅读
没有评论

找了很久终于找到

<video id="my-video" class="video-js vjs-big-play-centered vjs-fluid" controls preload="auto" poster="" data-setup="{}">
    <source src="视频地址" type="video/mp4">
    <p class="vjs-no-js">要观看这个视频,请启用JavaScript,并考虑升级到一个Web浏览器<a href="http://videojs.com/html5-video-support/" target="_blank">支持HTML5视频</a></p>
</video>

在class后面加上vjs-fluid就可以了

<script type="text/javascript">
var player = videojs('#my-video',{fluid: true},function(){
    console.log('Good to go!');
    this.play(); // if you don't trust autoplay for some reason
})
</script>

正文完
要饭中,多少给点吧(支付宝)
post-qrcode
 
评论(没有评论)
验证码