你好,歡迎來到IOS教程網

 Ios教程網 >> IOS編程開發 >> IOS開發綜合 >> 禁止iPhone Safari video標簽視頻自動全屏的辦法

禁止iPhone Safari video標簽視頻自動全屏的辦法

編輯:IOS開發綜合

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

  1. 上一頁:
  2. 下一頁:
蘋果刷機越獄教程| IOS教程問題解答| IOS技巧綜合| IOS7技巧| IOS8教程
Copyright © Ios教程網 All Rights Reserved