对我来说(在Angular项目中)，这段代码有帮助:

在HTML中，您应该添加自动播放静音

在JS / TS

playVideo() {
    const media = this.videoplayer.nativeElement;
    media.muted = true; // without this line it's not working although I have "muted" in HTML
    media.play();
}

Chrome需要一个用户交互视频自动播放或通过js (video.play())播放。 但这种互动可以是任何形式的，在任何时刻。 如果你只是在页面上随机点击，视频将自动播放。 然后我解决了这个问题，添加了一个按钮(只在chrome浏览器上)，说“启用视频自动播放”。该按钮不做任何事情，只是单击它，是任何进一步视频所需的用户交互。

在地址栏中输入Chrome://标志

搜索:播放

播放政策 决定是否允许音频或视频时使用的策略 播放。 - Mac, Windows, Linux, Chrome OS, Android

将其设置为“不需要用户手势”

重新启动Chrome浏览器，你不需要改变任何代码

音频自动播放属性无法在MS Edge中工作

尝试使用鼠标移动事件监听器

var audio = document.createElement("AUDIO")
document.body.appendChild(audio);
audio.src = "./audio/rain.m4a"

document.body.addEventListener("mousemove", function () {
    audio.play()
})

我在尝试播放音频文件时遇到了类似的错误。起初，它是工作的，然后它停止工作时，我开始使用ChangeDetector的markForCheck方法在同一函数中触发重新呈现时，承诺解决(我有一个视图呈现的问题)。

当我改变了markForCheck detectChanges它又开始工作了。我真的无法解释发生了什么，我只是想把这个放在这里，也许它会帮助到某人。