html - HTML 视频不适用于苹果设备（Chrome/Safari/etc）

Question

有一个奇怪的问题是视频不会在 Apple 设备上自动播放，只有在滚动并在几帧后停止时才会播放，因为它可以在 Windows 和 Android 设备上完美运行。使用 Chrome 浏览器测试的所有设备。

我正在使用这行代码让我的视频在部署时自动播放，它适用于除 Apple 设备之外的所有设备，即使使用 Chrome 浏览器也是如此。

<video class="logo-video animated fadeInUp" loop autoplay muted oncanplay="this.play()" onloadedmetadata="this.muted = true">
<source src="../../../assets/videos/log.mp4">
</video>

我一直在寻找其他方式让自动播放在部署时工作，但这是我在 Angular 上的唯一解决方案。视频没有音轨并且无论如何都被静音，这不应该是问题。

标签： htmliosangulartypescriptautoplay

Answer 1

Safari 最近开始默认阻止带有音轨的视频自动播放。你可能想看看这个来解决这个问题：

https://stackoverflow.com/a/50170196/10317969