如何绕过在 iphone 中使用 html5 视频标签进行全屏播放？

【问题标题】：How to bypass fullscreen playing with html5 video tag in iphone?如何绕过在 iphone 中使用 html5 视频标签进行全屏播放？
【发布时间】：2020-01-19 11:24:13
【问题描述】：

我有一个视频，我想在 iPhone 中禁用带有 html5 视频标签的全屏播放，

我尝试了 StackOverflow 中建议的不同解决方案，但似乎都没有解决问题。

这是我添加playisinline=1的解决方案

<video id="orange-video-1" class="videotag active" preload="auto" playsinline=1 webkit-playsinline=1 src="emptyvideo/emptyvideo.mp4" muted>
</video>

我需要改变什么才能得到我想要的？

【问题讨论】：

标签： javascript jquery html ios iphone

【解决方案1】：

实际上，您不需要将其设置为等于 1。 playsinline 应该可以工作。

试试这个：

<video id="orange-video-1" class="videotag active" preload="auto" webkit-playsinline playsinline src="emptyvideo/emptyvideo.mp4" muted>
</video>

从 jQuery 视图中执行此操作也可以：

// Sets the attribute, empty second parameter needed
// otherwise it would be a getter func
$('video').attr('webkit-playsinline', '');
$('video').attr('playsinline', '');

// Set the webview on iOS
webview.allowsInlineMediaPlayback = true;

如果这不起作用：

阅读Apple's documentation，您似乎会使用以下代码，因为如果网站存储在主页上，playisinline=1 可以工作。在你的配置文件中试试这个：

<preference name="AllowInlineMediaPlayback" value="true" />

【讨论】：