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