ios video怎么禁止自动全屏

Posted 2023-04-30

最近做一个移动端微信页面项目，在微信页面中有视频播放，但是需要禁止ios的自动全屏播放（前提必须使用video标签）。
如：

在iPhone safari 点击视频会弹出播放器进行全屏播放。

在网上看了看别人给出的答案，引用如下：

可以在 video 标签上加一个 “webkit-playsinline” 属性 ，如下：

当然在iOS APP中使用网页视频，是可以禁止全屏播放的，方法如下：
前端将video标签加入属性webkit-playsinline，如：<video id="player" width="480" height="320" webkit-playsinline>；
Obj-C中，添加配置：webview.allowsInlineMediaPlayback = YES;

参考技术A 虽然有的网页设置了自动全屏，但是点了“x”之后退出了全屏并且视频播放停下来了，点击播放时又全屏了，但是我们可以退出全屏并继续播放，具体方法：在全屏页用两指缩小手势（不是下滑或点“x”，即刻退出全屏并继续播放视频。如果是的，请采纳。

微信内置浏览器video标签自动全屏的问题

微信打开h5video视频的时候都会自动全屏播放，有时候影响用户体验

要禁止自动全屏就要加这几个属性

‘x5-playsinline‘:‘true‘,
‘webkit-playsinline‘:‘true‘,
‘playsinline‘:‘true‘,