HTML视频无法在Apple设备(Chrome / Safari / etc)上使用Angular

问题描述 投票:0回答:1

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

html ios angular typescript autoplay
1个回答
0
投票

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

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

© www.soinside.com 2019 - 2024. All rights reserved.