如何禁止 iPhone Safari 视频自动全屏？

由JavaScript控制播放不使用video标签controls属性
iPhone safari 点击视频会弹出播放器进行全屏播放

如何不全屏使视频在网页中播放？

iPhone Safari 中播放视频只能全屏，所以这个问题是没有答案的。
-------------------------------------
以下为拓展，
在iOS APP中使用网页视频，是可以禁止全屏播放的，方法如下：

前端将video标签加入属性 webkit-playsinline，如：<video id="player" width="480" height="320" webkit-playsinline>；
Obj-C中，添加配置：webview.allowsInlineMediaPlayback = YES;

这样web视频就可以嵌入播放了，方案参考：
HTML5 inline video on iPhone vs iPad/Browser

链接：https://www.zhihu.com/question/21094425/answer/56014727

iOS10 原生支持啦~ video 元素上添加 playsinline 特性即可。
New <video> Policies for iOS

iOS10 以下（亲测 iOS9）可以借助这个JS库：
GitHub - bfred-it/iphone-inline-video: Make videos playable inline on the iPhone (prevents automatic fullscreen)
缺点是不支持多视频源，用的时候 video 元素上不能写 controls 特性

链接：https://www.zhihu.com/question/21094425/answer/127476949

如何禁止 iPhone Safari 视频自动全屏？相关推荐

ios html5 自动全屏播放,禁止iPhone Safari video标签视频自动全屏的办法
最近做一个移动端微信页面项目,在微信页面中有视频播放,但是需要禁止IOS的自动全屏播放(前提必须使用video标签). 如: 在iPhone safari 点击视频会弹出播放器进行全屏播放. 在网上看 ...
video标签或微软云 azure-media-player 禁止在iphone safari中默认全屏播放
video标签或微软云 azure-media-player 禁止在iphone safari中默认全屏播放关键代码 webkit-playsinline='true' playsinline= ...
微信小程序视频自动全屏
test.wxml <video id="myVideo" src="cloud://test-qu7lc.7465-test-qu7lc-1302432879/v ...
iOS wkWebview播放HTML5 video视频自动全屏问题解决
HTML5使用video播放视频,限制视频的尺寸,但在ios中出现的全屏问题使用html5 的video标签播放视频的时候,限制视频的尺寸,在android上是没有问题的,但是在ios上发现,视频没 ...
php让视频自动全屏播放,完美解码怎么设置打开视频文件就全屏
想不想在电脑上实现打开视频文件就直接全屏播放,一般播放器做不到吧,完美解码这个万能的视频播放器就能实现,下面就教你如何设置. 软件名称:完美解码(PureCodec) 全能型影音解码包20200922 ...
阻止ios播放视频自动全屏
1.js监听视频全屏事件webkitfullscreenchange <video class="playerVideo" playsinline="true&qu ...
小程序视频自动全屏，播放结束后自动退出全屏
在onshow里面直接写全屏 this.videoContext = wx.createVideoContext('myVideo', this); this.videoContext.request ...
移动端禁止视频自动全屏播放
<video x5-playsinline="" playsinline="" webkit-playsinline="">&l ...
html javascript 音频、视频、 mp3 、mp4 的播放、暂停、重新播放、获取音频时长、视频自动全屏播放
html javascript 音频.视频. mp3 .mp4 的播放.暂停.重新播放.获取音频时长视频 https://www.bilibili.com/video/BV1WE411o7Ft?fr ...

如何禁止 iPhone Safari 视频自动全屏？

如何禁止 iPhone Safari 视频自动全屏？相关推荐

最新文章

热门文章