为什么WordPress视频不自动播放时也无法播放？

Question

在我的网页上只有一个视频，它在Edge上播放良好，但在移动设备和Chrome上无法播放。

• 视频格式为.mp4
• 自动播放已禁用
• 我正在使用OceanWP主题，但我也尝试了Astra主题，没有任何成功的解决方法
• 我正在使用Elementor编辑页面

这个问题有很多相关的问题，但没有一个能解决我的问题。

编辑

- Stefano

---

你的主题中是否有任何响应式视频选项？ - Awais

@Awais，有3个响应选项（所有未标记）：“在桌面上隐藏”，“在平板电脑上隐藏”和“在移动设备上隐藏”，就像我添加的图片一样。 - Stefano

通常情况下，视频在浏览器上播放但在移动浏览器上无法播放是不可能的...请仔细检查视频网址，并尝试在Web浏览器中播放链接，最后使用WordPress内置的视频播放器（如Wp-video）来测试问题所在。 - Awais

你能提供URL吗？ - SavPhill

“不播放”是什么意思？当您点击播放按钮时，它不播放吗？您是否看到视频控件或只有黑色背景？ - Hackinet

Answer 1

根据官方的苹果WebKit文档（iOS）：

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

默认情况下，WebKit将遵循以下政策：

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

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

至于移动Chrome（Android）：

自Chrome for Android版本53起，支持视频静音自动播放。如果同时设置了自动播放和静音，则视频元素一旦进入视图，播放将自动开始，可以使用play()以编程方式启动静音视频的播放。之前，无论是否静音，移动设备上的播放都必须由用户手势启动。

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

示例：

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

- morsecodemedia

Answer 2

您的视频预览显示视频文件无法工作。您应该能够看到视频文件的缩略图，如下所示：

我不确定原因是什么，但可能是自从您将视频添加到此页面以来，服务器上的文件已被移动/重命名/删除。其中一个解释是它在Edge上工作但在移动设备上不工作，可能是图像先前在Edge浏览器中缓存了。

如果您删除图像并尝试通过Elementor重新添加它，您能否再现问题？

另一个想法是您可能有一个略微损坏的视频文件。尝试在任何视频编辑程序中进行编辑（有几个免费在线编辑程序），看看导出的文件是否在您的页面中起作用。

- Dean Householder