时间戳

首页 > 解决方案 > 如何绕过在 iphone 中使用 html5 视频标签进行全屏播放？

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

问题描述

我有一个视频，我想在 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>

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

标签： javascriptjqueryhtmliosiphone

解决方案

实际上，您不需要将其设置为等于 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 的文档，您似乎可以使用以下代码，因为playisinline=1如果网站存储在主页上，则可以使用。在你的配置文件中试试这个：

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

推荐阅读