【问题标题】: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 重新添加它,您能否重现问题?

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2018-03-12
      • 2021-12-18
      • 1970-01-01
      • 2018-01-14
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多