默認(rèn)video標(biāo)簽實現(xiàn)的視頻播放，在ios下都會全屏播放，脫離頁面。
發(fā)現(xiàn)了webkit-playsinline這個好東西，只需要在video標(biāo)簽用上這個屬性就能實現(xiàn)非全屏下播放視頻：

<video webkit-playsinline="true" src="">
<p>請在支持HTML5 video標(biāo)簽的瀏覽器中</p>
</video>

ios微信測試，恩，ok了！但是可悲的是目前Safari不支持該屬性，聽說ios10會支持...
那么Safari這個能解決嗎？繼續(xù)搜索，又發(fā)現(xiàn)一個好東西iphone-inline-video.browser.js（本次測試的最大驚喜，解決了多年的困惑?。。。?，已經(jīng)有大神解決了這個問題。
插件地址：https://github.com/bfred-it/iphone-inline-video
引入插件后，只需要簡單調(diào)用即可：

var video = document.querySelector('video');
makeVideoPlayableInline(video);

里面還提到用css干掉video默認(rèn)居中的那個播放按鈕：

css代碼如下：

.IIV::-webkit-media-controls-play-button,.IIV::-webkit-media-controls-start-playback-button {
   opacity: 0;
   pointer-events: none;
   width: 5px;
}

其中上面的IIV是插件給video標(biāo)簽增加的class。
這樣在ios基本可以實現(xiàn)完美內(nèi)聯(lián)播放視頻了（其它什么UC，qq等等這些瀏覽器沒做測試，有需要的自行測試）。