移动设备中的 html5 自动播放视频

Question

当我尝试在移动设备中打开 url 时，如果没有 静音 属性，自动播放将无法正常工作。如何在不使用 静音 属性的情况下播放视频？我需要在不点击静音按钮的情况下调节音量，更重要的是，没有 JS 和 Jquery 一切都会正常工作。

原文由 Sawan mishra 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您将无法在 iOS 中实现这一点而无需黑客。来自官方 Apple WebKit 文档：

从 iOS 10 开始，WebKit 放宽了其内联和自动播放策略以使这些演示成为可能，但仍会考虑网站的带宽和用户的电池。

默认情况下，WebKit 将具有以下策略：

• 如果源媒体不包含音轨，视频元素将被允许在没有用户手势的情况下自动播放。
• 视频静音 元素也将被允许在没有用户手势的情况下自动播放。如果某个元素获得音轨或在没有用户手势的情况下变为未静音，则播放将暂停。

https://webkit.org/blog/6784/new-video-policies-for-ios/

至于移动版 Chrome（安卓）：

从版本 53 开始，适用于 Android 的 Chrome 支持视频的静音自动播放。如果同时 设置了自动播放和静音，则 视频元素一旦进入视图就会自动开始播放，并且可以使用 play() 以编程方式启动静音视频的播放。以前，无论静音状态如何，移动设备上的播放都必须通过用户手势启动。

https://developers.google.com/web/updates/2016/07/autoplay

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