標籤：

如何禁止 iPhone Safari 視頻自動全屏？

12-28

&

由JavaScript控制播放 不使用video標籤controls屬性
iPhone safari 點擊視頻會彈出播放器進行全屏播放
如何不全屏 使視頻在網頁中播放？

iPhone Safari 中播放視頻只能全屏，所以這個問題是沒有答案的。
-------------------------------------
以下為拓展，
在iOS APP中使用網頁視頻，是可以禁止全屏播放的，方法如下：

  1. 前端將video標籤加入屬性 webkit-playsinline，如：&
  2. Obj-C中，添加配置：webview.allowsInlineMediaPlayback = YES;

這樣web視頻就可以嵌入播放了，方案參考：
HTML5 inline video on iPhone vs iPad/Browser

可以在 video 標籤上加一個 「webkit-playsinline」 屬性 ，如下：
&

※如何評價蘋果公司要求開發者在 2017 年前全部採用「HTTPS」？
※在微軟 (Microsoft) 公司從事 iOS / OS X 開發是怎樣一番工作體驗？
※iMessage 是怎麼做到顯示「已讀」功能的？
※用HTML5開發App真的好嘛？
※個人開發者的應用被同步推、PP 助手、快用蘋果助手、91 助手、iTools 之類的市場盜版了該怎麼辦？

TAG:前端開發 | iOS開發 | HTML5 | 前端工程師 |