<video>全屏状态下视频没有铺满屏幕

在使用videojs初始定宽高或者给<video>写定宽高后,在全屏状态下会导致视频在左上角展开,保持着之前写定的宽高,而没有实现真正全屏。
如果通过JS在点击全屏按钮后改变video的宽高,需要查阅videojs文档,实现方式比较复杂(原因还是太菜)。
其实通过CSS实现全屏是最方便的,只需要在video外部套一个<div class="videoWrap">,
然后把原本需要的宽高写在videoWrap上,对于<video>我们只要给一个{width:100%},不需要写定高度。
这样就不会出现因为<video>写定宽高而导致全屏不能真正铺满屏幕。
posted on 2019-08-13 18:27  65Seeker  阅读(5989)  评论(0编辑  收藏  举报