javascript - HTML5 video怎么充满div?

查看:71
本文介绍了javascript - HTML5 video怎么充满div?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

使用video发现 由于视频的分辨率(或者说是比率)与父盒子的宽高比不一样,导致视频不能充满父盒子。(父盒子宽高不是死的,可能根据横竖屏变化)
android4.4.4以上可使用css样式解决 object-fit:fill;可是以下无效!

解决方案

  1. object-fit貌似在github上可以搜到polyfill,可以去看看有没有适用于<video>的;

  2. <video>默认是inline的(因为是可替换元素),试试display:block;之后可不可以搞下~

这篇关于javascript - HTML5 video怎么充满div?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆