简介本文主要和大家分享在使用video.js视频插件时,使我们网页里的视频可以自适应容器的宽高的方法。l
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>
一般不要限制容器的高度 只限制宽度,这样高度就能自适应!