禁止iPhone Safari video標(biāo)簽視頻自動(dòng)全屏的辦法

更新時(shí)間：2015年09月25日 11:07:12 投稿：mrr

本篇文章給大家分析有沒(méi)有辦法禁止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” 屬性，如下：

復(fù)制代碼代碼如下:

我想說(shuō)這能解決問(wèn)題嗎？答案當(dāng)然是不能。。。。

當(dāng)然在iOS APP中使用網(wǎng)頁(yè)視頻，是可以禁止全屏播放的，方法如下：

前端將video標(biāo)簽加入屬性 webkit-playsinline，如：

復(fù)制代碼代碼如下:

Obj-C中，添加配置：

復(fù)制代碼代碼如下:

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)全屏.

您可能感興趣的文章:

相關(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)
這篇文章主要介紹了iOS QQ第三方登錄實(shí)現(xiàn)的全過(guò)程，一步一步告訴大家iOS QQ實(shí)現(xiàn)第三方登錄的方法，感興趣的小伙伴們可以參考一下
2016-12-12
iOS底層探索之自動(dòng)釋放池原理解析
這篇文章主要介紹了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
iOS與Unity交互筆記之參數(shù)傳遞
這篇文章主要給大家介紹了關(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