简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - HTML5 video怎么充满div？
迷茫
迷茫 2017-04-11 13:00:55
0
2
266

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

迷茫
迷茫

业精于勤，荒于嬉;行成于思，毁于随。

reply all (2)
迷茫
迷茫2017-04-11 13:02:55 2 floor

  1. object-fit貌似在github上可以搜到polyfill，可以去看看有没有适用于的；

  2. 默认是inline的（因为是“可替换元素”），试试display:block;之后可不可以搞下~

Like+0
Add Reply
    Peter_Zhu
    Peter_Zhu2017-04-11 13:02:55 1 floor

    object-fit:cover

    Like+0
    Add Reply
      Popular Topics
      More>
      Popular Articles
      Popular Tutorials
      More>
      Related Tutorials
      Popular Recommendations
      Latest courses
      Latest Downloads
      More>
      Web Effects
      Website Source Code
      Website Materials
      Front End Template
      About us Disclaimer Sitemap
      php.cn：Public welfare online PHP training，Help PHP learners grow quickly！