禁用全屏 iphone 视频

Question

现在连续几天都在为这个问题苦苦挣扎……

有没有什么方法或“破解”来禁用在 iPhone 上的 Safari 上全屏播放视频。当然，我已经尝试过 ‘webkit-playsinline’ 属性，但这只适用于您自己的应用程序。

看：

 <video class="" poster="" webkit-playsinline>
    <source src="" type="video/ogg" preload="auto">
    <source src="" type="video/mp4" preload="auto">
</video>

我也尝试将视频放在画布上，但由于它看起来视频作为画布 drawImage() 方法的来源，目前在 iOS 上不受支持。

我可以使用任何其他方式或替代技术吗？还是我这几天真的浪费了时间？

原文由 Sebass van Boxel 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

在 iOS 10+

Apple 最终在 iOS 10 的所有浏览器中启用了属性 playsinline ，因此这将无缝运行：

 <video src="file.mp4" playsinline>

在 iOS 8 和 iOS 9 中

您可以通过浏览视频而不是实际 .play() 来 模拟播放来解决此问题。

简而言之，使用 iphone-inline-video ，它负责播放和音频同步（如果有的话），并保持 <video> 正常工作。

原文由 fregante 发布，翻译遵循 CC BY-SA 3.0 许可协议