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

找了很久终于找到

<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>

猜你喜欢

转载自my.oschina.net/u/2309598/blog/1633162