为什么没有自动播放也不能播放 WordPress 视频？答案

【问题标题】：Why doesn't WordPress video play also without autoplay?为什么没有自动播放也不能播放 WordPress 视频？
【发布时间】：2020-04-29 00:16:18
【问题描述】：

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

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

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

编辑

【问题讨论】：

您的主题中是否有任何视频响应选项
@Awais 有 3 个响应选项（均未标记）：“隐藏在桌面”、“隐藏在平板电脑”和“隐藏在移动设备上”，就像我添加的图片一样
好吧，一般来说，在浏览器上播放视频是不可能的，但在移动浏览器上却不行……仔细检查视频网址，并尝试在网络浏览器中播放链接，最后使用内置视频播放器的 wordpress像 Wp-video 来测试什么问题
能否提供网址
你为什么说“不玩”？单击播放按钮时它不会播放吗？您看到的视频控件是黑色背景还是黑色背景？

标签： wordpress elementor

【解决方案1】：

来自 Apple WebKit 官方文档 (iOS)：

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

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

如果视频元素的源媒体不包含音轨，则将允许在没有用户手势的情况下自动播放。

视频静音元素也将被允许在没有用户手势的情况下自动播放。如果元素获得音轨或在没有用户手势的情况下取消静音，则播放将暂停。

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

至于移动 Chrome (Android)：

Android 版 Chrome 支持视频静音自动播放版本 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>

【讨论】：

【解决方案2】：

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

我不知道为什么，但可能是因为您将视频添加到此页面后服务器上的文件已被移动/重命名/删除。它在 Edge 上运行但在移动设备上运行的一种解释可能是该图像之前已缓存在 Edge 浏览器上。

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

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

【讨论】：