1. 网站首页
2. jquery插件
3. video.js
4. 正文内容

video.js插件使视频自适应容器的宽高的方法亲测

文章标签: 使用实例

---

• :
• 04-16 21:38
• :
• 39次
• :
• 0条
• 2赞
• 点赞

简介本文主要和大家分享在使用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>

一般不要限制容器的高度 只限制宽度，这样高度就能自适应！

---

---

您正在找的文章可能是：