HTML5新标签video在iOS上默认全屏播放

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

例如:

<video width="100%" loop="loop" autoplay>
  <source type="video/mp4" src="data:images/xnps.mp4" -webkit-playsinline=true>
</video>

上一篇:<<< Jquery查找元素、选择器使用方法总结


下一篇:关于table的td和ul元素li隔行变色的功能实现