iOS忽略playsinline html5视频属性

时间:2019-01-26 16:48:46

标签: css html5 html5-video object-fit

站点: http://ijj.425.myftpupload.com/

因此,直到iOS一切正常为止。当您单击此处的播放按钮时,将打开一个新的播放器窗口(全屏)。我如何避免这种情况?有什么想法吗?也许object-fit和playsinline属性彼此不一样?

HTML:
<div class="video-wrapper">
    <video controls playsinline poster="http://annu.nachbarhaus.org/wp-content/uploads/2019/01/annu1_new.jpg">
     <source src="img/Annu_SongAL_Final_New.mp4" type="video/mp4">
    </video>
</div>


CSS
.video-wrapper {
    height:100vh;
    position: absolute;
}

video {
  object-fit:cover;
  z-index:4;
  position: relative;
  left: 0;
  top: 0;
  width:100vw;
  height: 100vh;
}

0 个答案:

没有答案