禁止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開(kāi)發(fā)中生成推送的pem文件的相關(guān)資料,這里提供詳細(xì)的實(shí)現(xiàn)步驟幫助大家實(shí)現(xiàn)，希望大家能理解掌握，需要的朋友可以參考下2017-08-08
這篇文章主要介紹了IOS 鍵盤(pán)擋住輸入框的問(wèn)題解決辦法的相關(guān)資料,需要的朋友可以參考下2017-06-06
這篇文章主要給大家介紹了關(guān)于iOS中如何精確計(jì)算WebView高度，以及iOS開(kāi)發(fā)之解決WebView自適應(yīng)內(nèi)容高度的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，需要的朋友可以參考借鑒，下面來(lái)一起看看吧2018-05-05
IOS實(shí)戰(zhàn)之自定義轉(zhuǎn)場(chǎng)動(dòng)畫(huà)詳解
這篇文章主要介紹了IOS實(shí)戰(zhàn)之自定義轉(zhuǎn)場(chǎng)動(dòng)畫(huà)，CAAnimation的子類(lèi)，用于做轉(zhuǎn)場(chǎng)動(dòng)畫(huà)，能夠?yàn)閷犹峁┮瞥銎聊缓鸵迫肫聊坏膭?dòng)畫(huà)效果，感興趣的小伙伴們可以參考一下2016-02-02
這篇文章主要介紹了IOS 繪制三角形的實(shí)例詳解的相關(guān)資料,希望通過(guò)本文大家能夠?qū)崿F(xiàn)三角形的繪制，需要的朋友可以參考下2017-09-09
iOS應(yīng)用開(kāi)發(fā)中矢量圖的使用及修改矢量圖顏色的方法
這篇文章主要介紹了iOS應(yīng)用開(kāi)發(fā)中矢量圖的使用及修改矢量圖顏色的方法,文中的方法是在Adobe Illustrator中繪制矢量圖然后導(dǎo)入Xcode中使用,需要的朋友可以參考下2016-03-03
iOS開(kāi)發(fā)實(shí)現(xiàn)搜索框(UISearchController)
這篇文章主要為大家詳細(xì)介紹了iOS開(kāi)發(fā)實(shí)現(xiàn)搜索框，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-08-08
IOS 創(chuàng)建并發(fā)線程的實(shí)例詳解
這篇文章主要介紹了IOS 創(chuàng)建并發(fā)線程的實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下2017-07-07
詳解使用Xcode進(jìn)行iOS設(shè)備無(wú)線調(diào)試
這篇文章主要介紹了詳解使用Xcode進(jìn)行iOS設(shè)備無(wú)線調(diào)試，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-12-12
使用AVFoundation實(shí)現(xiàn)視頻錄制詳解
這篇文章主要介紹了使用AVFoundation實(shí)現(xiàn)視頻錄制詳解的相關(guān)資料,需要的朋友可以參考下2022-09-09