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


最近做一個移動端微信頁面項目,在微信頁面中有視頻播放,但是需要禁止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標簽視頻自動全屏.

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM