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>

 

html-----vedio標籤（HTML5新標籤VIDEO在IOS上預設全屏播放）