简介本文主要和大家分享在使用video.js视频插件时，使我们网页里的视频可以自适应容器的宽高的方法。
video.js插件是非常流行的一款HTML5视频插件，那么我们在使用此插件时，如何让我们网页里的视频能自适应容器的宽高呢？
其实是非常简单的，就是给视频加上样式“vjs-fluid”就行了:
<div style="width:250px">
<video id="my-video" class="video-js vjs-fluid" controls preload="auto" data-setup="{}">
<source src="视频地址" type="video/mp4">
<p class="vjs-no-js">
浏览器不支持HTML5视频播放
</p>
</video>
</div>一般不要限制容器的高度 只限制宽度，这样高度就能自适应！