码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-08-13 18:40:29      阅读:479      评论:0      收藏:0      [点我收藏+]

标签:eoj   ide   复杂   方便   点击   比较   屏幕   不能   通过   

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

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

标签:eoj   ide   复杂   方便   点击   比较   屏幕   不能   通过   

原文地址:https://www.cnblogs.com/65Seeker/p/11347708.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!