最近做一個移動端微信頁面項目,在微信頁面中有視頻播放,但是需要禁止IOS的自動全屏播放(前提必須使用video標簽)。
如:
代碼如下:
<video id="post" autoplay loop preload="auto">
<source src="foo.mp4" type="video/mp4">
</video>
在iPhone safari 點擊視頻會彈出播放器進行全屏播放。
在網上看了看別人給出的答案,引用如下:
可以在 video 標簽上加一個 “webkit-playsinline” 屬性 ,如下:
代碼如下:
<video id="video" width="280" height="140" webkit-playsinline ></video>
我想說這能解決問題嗎? 答案當然是不能。。。。
當然在iOS APP中使用網頁視頻,是可以禁止全屏播放的,方法如下:
前端將video標簽加入屬性 webkit-playsinline,如:
代碼如下:
<video id="player" width="480" height="320" webkit-playsinline>
Obj-C中,添加配置:
代碼如下:
webview.allowsInlineMediaPlayback = YES
還有網友這樣回答答案:
把視頻轉碼,用ajax去分段請求數據來填充到canvas。
當然如果確實需要退出全屏,可以使用這樣的方法,但是畢竟這樣沒什麼必要。
所以最終的結論是:沒有辦法禁止 iPhone Safari video標簽視頻自動全屏.