html-----vedio标签(HTML5新标签VIDEO在IOS上默认全屏播放)

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

例如:

<video width="100%" loop="loop" autoplay controls="controls">

  <source type="video/mp4" src="images/xnps.mp4" -webkit-playsinline=true>
</video>

 

posted @ 2015-07-15 17:51  jquery37  阅读(1377)  评论(0编辑  收藏  举报