禁止iPhone Safari video標(biāo)簽視頻自動(dòng)全屏的辦法
最近做一個(gè)移動(dòng)端微信頁(yè)面項(xiàng)目，在微信頁(yè)面中有視頻播放，但是需要禁止IOS的自動(dòng)全屏播放（前提必須使用video標(biāo)簽）。
如：
<video id="post" autoplay loop preload="auto">
<source src="foo.mp4" type="video/mp4">
</video>
在iPhone safari 點(diǎn)擊視頻會(huì)彈出播放器進(jìn)行全屏播放。
在網(wǎng)上看了看別人給出的答案，引用如下：
可以在 video 標(biāo)簽上加一個(gè) “webkit-playsinline” 屬性 ，如下：
<video id="video" width="280" height="140" webkit-playsinline ></video>
我想說(shuō)這能解決問(wèn)題嗎？ 答案當(dāng)然是不能。。。。
當(dāng)然在iOS APP中使用網(wǎng)頁(yè)視頻，是可以禁止全屏播放的，方法如下：
前端將video標(biāo)簽加入屬性 webkit-playsinline，如：
<video id="player" width="480" height="320" webkit-playsinline>
Obj-C中，添加配置：
webview.allowsInlineMediaPlayback = YES
還有網(wǎng)友這樣回答答案：
把視頻轉(zhuǎn)碼，用ajax去分段請(qǐng)求數(shù)據(jù)來(lái)填充到canvas。
當(dāng)然如果確實(shí)需要退出全屏，可以使用這樣的方法，但是畢竟這樣沒(méi)什么必要。
所以最終的結(jié)論是：沒(méi)有辦法禁止 iPhone Safari video標(biāo)簽視頻自動(dòng)全屏.
- iOS9中的WebKit 與 Safari帶來(lái)的驚喜
- javascript實(shí)現(xiàn)阻止iOS APP中的鏈接打開(kāi)Safari瀏覽器
- js代碼判斷瀏覽器種類(lèi)IE、FF、Opera、Safari、chrome及版本
- jQuery旋轉(zhuǎn)插件—rotate支持(ie/Firefox/SafariOpera/Chrome)
- iphone safari不支持position fixed的解決方法
- js實(shí)現(xiàn)select二級(jí)聯(lián)動(dòng)下拉菜單
- jQuery實(shí)現(xiàn)非常實(shí)用漂亮的select下拉菜單選擇效果
- jQuery結(jié)合CSS制作漂亮的select下拉菜單
- IOS中safari下的select下拉菜單文字過(guò)長(zhǎng)不換行的解決方法
相關(guān)文章
詳解iOS 用于解決循環(huán)引用的block timer
這篇文章主要介紹了詳解iOS 用于解決循環(huán)引用的block timer，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-12-12
iOS 9 更新之Safari廣告攔截器（Content Blocker）開(kāi)發(fā)教程
這篇文章主要介紹了iOS 9 更新之Safari廣告攔截器（Content Blocker）開(kāi)發(fā)教程的相關(guān)資料,需要的朋友可以參考下2015-08-08
iOS大文件的分片上傳和斷點(diǎn)上傳的實(shí)現(xiàn)代碼
這篇文章主要介紹了iOS大文件的分片上傳和斷點(diǎn)上傳的實(shí)現(xiàn)代碼,需要的朋友可以參考下2017-12-12
IOS 聊天界面（自適應(yīng)文字）的實(shí)現(xiàn)
本文主要介紹一個(gè)實(shí)現(xiàn)聊天界面的思路過(guò)程，具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧2017-03-03
這篇文章主要介紹了iOS QQ第三方登錄實(shí)現(xiàn)的全過(guò)程，一步一步告訴大家iOS QQ實(shí)現(xiàn)第三方登錄的方法，感興趣的小伙伴們可以參考一下2016-12-12
這篇文章主要介紹了iOS底層探索之自動(dòng)釋放池,自動(dòng)釋放池的壓棧和出棧，通過(guò)結(jié)構(gòu)體的構(gòu)造函數(shù)和析構(gòu)函數(shù)觸發(fā)，自動(dòng)釋放池的本質(zhì)是__AtAutoreleasePool結(jié)構(gòu)體，包含構(gòu)造函數(shù)和析構(gòu)函數(shù)，本文通過(guò)示例代碼給大家介紹的非常詳細(xì)，需要的朋友參考下吧2022-06-06
這篇文章主要給大家介紹了關(guān)于iOS與Unity交互筆記之參數(shù)傳遞的相關(guān)資料,需要的朋友可以參考下2019-04-04
IOS AFNetworking的Post失敗及requestSerializer的正確使用
這篇文章主要介紹了IOS AFNetworking的Post失敗及requestSerializer的正確使用的相關(guān)資料,需要的朋友可以參考下2017-05-05
iOS開(kāi)發(fā)筆記--詳解UILabel的相關(guān)屬性設(shè)置
這篇文章主要介紹了iOS開(kāi)發(fā)筆記--詳解UILabel的相關(guān)屬性設(shè)置,對(duì)初學(xué)者具有一定的參考價(jià)值，有需要的可以了解一下。2016-11-11
iOS App開(kāi)發(fā)中Masonry布局框架的基本用法解析
這篇文章主要介紹了iOS App開(kāi)發(fā)中Masonry布局框架的基本用法解析,Masonry支持iOS和OSX的Auto Layout,在GitHub上的人氣很高,需要的朋友可以參考下2016-03-03