使用video发现 由于视频的分辨率(或者说是比率)与父盒子的宽高比不一样,导致视频不能充满父盒子。(父盒子宽高不是死的,可能根据横竖屏变化)
android4.4.4以上可使用css样式解决 object-fit:fill;可是以下无效!
使用video发现 由于视频的分辨率(或者说是比率)与父盒子的宽高比不一样,导致视频不能充满父盒子。(父盒子宽高不是死的,可能根据横竖屏变化)
android4.4.4以上可使用css样式解决 object-fit:fill;可是以下无效!
最后怎么解决的呢,我找了3个插件object-fit-videos.min.js, objectFitPolyfill.min.js,fitie.js,还是没办法兼容Edge,object-fit:fill,不论视频变不变形,只想充满整个div,不要有黑框。
10 回答11.7k 阅读
2 回答3.2k 阅读✓ 已解决
4 回答2.2k 阅读✓ 已解决
3 回答1.2k 阅读✓ 已解决
3 回答858 阅读✓ 已解决
3 回答1k 阅读✓ 已解决
2 回答1.2k 阅读✓ 已解决
object-fit貌似在github上可以搜到polyfill,可以去看看有没有适用于
<video>
的;<video>
默认是inline的(因为是“可替换元素”),试试display:block;
之后可不可以搞下~