videojs是一款非常不错的html video播放器插件，很多同学经常在群里问我，说个人博客这个videojs怎么设置为宽度或者高度自适应呢，不想把video的width和height写死，有没有什么办法呢。
个人博客经过研究发现啊，videojs自带两个class，一个是vjs-16-9，一个是vjs-4-3，只要使用这两个样式类，就不需要设置高度和宽度，就自动按照16:9或者4:3的比率去自适应了，使用方法如下：
<video class="video-js vjs-default-skin vjs-16-9" ...> ... </video>
同时，不想使用class样式来控制的话，还可以通过data-setup初始化的参数来设置，设置data-setup的fluid为true即可，实现代码如下：
<video class="video-js vjs-default-skin" data-setup='{"fluid": true}' ...>
...
</video>瞧，就是这么简单！
本文链接：https://my.lmcjl.com/post/16989.html
展开阅读全文
4 评论