小编mat*_*136的帖子

我有一组 MP4 视频，当容器悬停时将播放这些视频。请参阅本页底部的 3 张图片进行演示：

https://ts133842-container.zoeysite.com/

这在 Chrome 中效果很好，但在 Safari 中视频将无法播放，并且控制台在悬停时显示错误。

未处理的承诺拒绝：[object DOMError]

我已经寻找解决方案，但未能找到修复方法。请参阅下面我的代码：

<div class="video-container">
  <video loop muted preload="auto">
    <source src="video.mp4" type="video/mp4">
  </video>
</div>
<div class="image-container"><img src="image.png"/></div>

<div class="video-container">
  <video loop muted preload="auto">
    <source src="video.mp4" type="video/mp4">
  </video>
</div>
<div class="image-container"><img src="image.png"/></div>

有人可以分享有关 Safari 为何抛出此错误的任何见解吗？预先非常感谢您。

编辑：我现在注意到这在 iPad 或 iPhone 上不起作用，所以这不仅仅是桌面版 Safari 的问题。但是，我不确定为什么我无法在网上找到有关此错误的更多信息。