禁止iPhone Safari video標(biāo)簽視頻自動全屏的辦法
更新時間：2015年09月25日 11:07:12 投稿：mrr
本篇文章給大家分析有沒有辦法禁止iPhone Safari video標(biāo)簽視頻自動全屏，以下給出好多種情況分享，感興趣的朋友可以參考下
最近做一個移動端微信頁面項目，在微信頁面中有視頻播放，但是需要禁止IOS的自動全屏播放（前提必須使用video標(biāo)簽）。
如：
復(fù)制代碼 代碼如下:
<video id="post" autoplay loop preload="auto">
<source src="foo.mp4" type="video/mp4">
</video>
在iPhone safari 點擊視頻會彈出播放器進行全屏播放。
在網(wǎng)上看了看別人給出的答案，引用如下：
可以在 video 標(biāo)簽上加一個 “webkit-playsinline” 屬性 ，如下：
復(fù)制代碼 代碼如下:
<video id="video" width="280" height="140" webkit-playsinline ></video>
我想說這能解決問題嗎？ 答案當(dāng)然是不能。。。。
當(dāng)然在iOS APP中使用網(wǎng)頁視頻，是可以禁止全屏播放的，方法如下：
前端將video標(biāo)簽加入屬性 webkit-playsinline，如：
復(fù)制代碼 代碼如下:
<video id="player" width="480" height="320" webkit-playsinline>
Obj-C中，添加配置：
復(fù)制代碼 代碼如下:
webview.allowsInlineMediaPlayback = YES
還有網(wǎng)友這樣回答答案：
把視頻轉(zhuǎn)碼，用ajax去分段請求數(shù)據(jù)來填充到canvas。
當(dāng)然如果確實需要退出全屏，可以使用這樣的方法，但是畢竟這樣沒什么必要。
所以最終的結(jié)論是：沒有辦法禁止 iPhone Safari video標(biāo)簽視頻自動全屏.
您可能感興趣的文章:
- iOS9中的WebKit 與 Safari帶來的驚喜
- javascript實現(xiàn)阻止iOS APP中的鏈接打開Safari瀏覽器
- js代碼判斷瀏覽器種類IE、FF、Opera、Safari、chrome及版本
- jQuery旋轉(zhuǎn)插件—rotate支持(ie/Firefox/SafariOpera/Chrome)
- iphone safari不支持position fixed的解決方法
- js實現(xiàn)select二級聯(lián)動下拉菜單
- jQuery實現(xiàn)非常實用漂亮的select下拉菜單選擇效果
- jQuery結(jié)合CSS制作漂亮的select下拉菜單
- IOS中safari下的select下拉菜單文字過長不換行的解決方法
相關(guān)文章
這篇文章主要介紹了詳解IOS開發(fā)中生成推送的pem文件的相關(guān)資料,這里提供詳細的實現(xiàn)步驟幫助大家實現(xiàn)，希望大家能理解掌握，需要的朋友可以參考下2017-08-08
這篇文章主要介紹了IOS 鍵盤擋住輸入框的問題解決辦法的相關(guān)資料,需要的朋友可以參考下2017-06-06
這篇文章主要給大家介紹了關(guān)于iOS中如何精確計算WebView高度，以及iOS開發(fā)之解決WebView自適應(yīng)內(nèi)容高度的相關(guān)資料，文中通過示例代碼介紹的非常詳細，需要的朋友可以參考借鑒，下面來一起看看吧2018-05-05
這篇文章主要介紹了IOS實戰(zhàn)之自定義轉(zhuǎn)場動畫，CAAnimation的子類，用于做轉(zhuǎn)場動畫，能夠為層提供移出屏幕和移入屏幕的動畫效果，感興趣的小伙伴們可以參考一下2016-02-02
這篇文章主要介紹了IOS 繪制三角形的實例詳解的相關(guān)資料,希望通過本文大家能夠?qū)崿F(xiàn)三角形的繪制，需要的朋友可以參考下2017-09-09
iOS應(yīng)用開發(fā)中矢量圖的使用及修改矢量圖顏色的方法
這篇文章主要介紹了iOS應(yīng)用開發(fā)中矢量圖的使用及修改矢量圖顏色的方法,文中的方法是在Adobe Illustrator中繪制矢量圖然后導(dǎo)入Xcode中使用,需要的朋友可以參考下2016-03-03
iOS開發(fā)實現(xiàn)搜索框(UISearchController)
這篇文章主要為大家詳細介紹了iOS開發(fā)實現(xiàn)搜索框，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-08-08
這篇文章主要介紹了IOS 創(chuàng)建并發(fā)線程的實例詳解的相關(guān)資料,需要的朋友可以參考下2017-07-07
詳解使用Xcode進行iOS設(shè)備無線調(diào)試
這篇文章主要介紹了詳解使用Xcode進行iOS設(shè)備無線調(diào)試，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-12-12
這篇文章主要介紹了使用AVFoundation實現(xiàn)視頻錄制詳解的相關(guān)資料,需要的朋友可以參考下2022-09-09