最近作一個移動端微信頁面項目,在微信頁面中有視頻播放,可是須要禁止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