如何禁止 iPhone Safari video標籤視頻自動全屏?

最近作一個移動端微信頁面項目,在微信頁面中有視頻播放,可是須要禁止IOS的自動全屏播放(前提必須使用video標籤)。
如:html

<video id="post" autoplay loop preload="auto">
<source src="http://segmentfault.com/a/foo.mp4" type="video/mp4">
</video>

在iPhone safari 點擊視頻會彈出播放器進行全屏播放。前端

在網上看了看別人給出的答案,引用以下:web

能夠在 video 標籤上加一個 「webkit-playsinline」 屬性 ,以下:ajax

<video id="video" width="280" height="140" webkit-playsinline ></video>

我想說這能解決問題嗎? 答案固然是不能。。。。canvas

固然在iOS APP中使用網頁視頻,是能夠禁止全屏播放的,方法以下:
前端將video標籤加入屬性webkit-playsinline,如:<video id="player" width="480" height="320" webkit-playsinline>;
Obj-C中,添加配置:webview.allowsInlineMediaPlayback = YES;segmentfault

還有網友這樣回答答案:
把視頻轉碼,用ajax去分段請求數據來填充到canvas。微信

固然若是確實須要退出全屏,可使用這樣的方法,可是畢竟這樣沒什麼必要。ide

相關文章
相關標籤/搜索