今天做一个app时发现一个问题,应用html5中的video标签加载视频,在Android手机上默认播放大小,但是换成iPhone手机上出问题了,默认弹出全屏播放,查找了好多论坛,都没有谈论这个的。然后几经波折终于找到其解决的方法了,在video标签下的source中加入这个-webkit-playsinline=true完美解决全屏问题。
例如:
<video width="100%" loop="loop" autoplay>
<source type="video/mp4" src="images/xnps.mp4" -webkit-playsinline=true>
</video>