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>

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



您正在找的文章可能是:
热点文章
热点图文
最近更新
  • Copyright © aijquery.cn 爱jQuery-完全免费的jquery交流学习网站
  • 豫ICP备17037455号-1
  • 2018-11-20 17:11:06