为什么 WordPress 视频在没有自动播放的情况下也不能播放？

Question

在我的网页上只有一个视频。它在 Edge 上运行良好，但在移动设备和 Chrome 上运行不佳。

• 视频是.mp4
• 自动播放已禁用
• 我正在使用 OceanWP 主题，但我也尝试了 Astra 主题但没有成功
• 我正在使用 Elementor 编辑页面

关于这个主题有很多问题，但没有一个可以解决我的问题。

编辑

Answer 1

来自Apple WebKit 官方文档（iOS）：

\n\n

\n

从 iOS 10 开始，WebKit 放宽了其内联和自动播放策略，\n 使这些演示成为可能，但仍牢记站点\xe2\x80\x99\n 带宽和用户\xe2\x80\x99 电池。

\n\n

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

\n\n

\n
• 如果视频元素的源媒体不包含音轨，则无需用户手势即可自动播放视频元素。
\n
• 视频静音元素也将允许自动播放，无需用户手势。如果元素在没有用户手势的情况下获得音轨或取消静音，则播放将暂停。
\n

\n

\n\n

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

\n\n

对于移动 Chrome (Android)：

\n\n

\n

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

\n

\n\n

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

\n\n

例子：

\n\n

 <video id="myVideo"muted defaultMuted autoplay playsinline controls>\n     <source src="myVideo.mp4" type="video/mp4">\n </video>\n

\n