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>