HTML视频在Apple设备(Chrome / Safari /等)上不起作用Angular

时间:2019-12-17 19:48:07

标签: html ios angular typescript autoplay

存在一个奇怪的问题,该视频无法在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上唯一的解决方案。视频没有音轨,并且始终处于静音状态,这不应该成为问题。

1 个答案:

答案 0 :(得分:0)

Safari最近开始禁止默认情况下自动播放带有音频轨道的视频。您可能需要查看此内容来解决此问题:

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