HTML5 video怎么充满div?

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

fashaoge

阅读 6.9k
3 个回答
  1. object-fit貌似在github上可以搜到polyfill,可以去看看有没有适用于<video>的;

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

object-fit:cover

最后怎么解决的呢,我找了3个插件object-fit-videos.min.js, objectFitPolyfill.min.js,fitie.js,还是没办法兼容Edge,object-fit:fill,不论视频变不变形,只想充满整个div,不要有黑框。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题