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

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

公开chrome: / /设置/内容/声音 设置不需要用户手势 重新启动浏览器

我在Android手机上玩游戏时遇到了一些问题。 经过几次尝试，我发现当数据保护程序是没有自动播放:

如果启用了数据保护模式，则不会自动播放。如果启用了数据保护模式，则在“媒体设置”中禁用自动播放。

源

对我来说(在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();
}

我得到了这个错误

DOMException: play()失败，因为用户没有首先与文档交互。

下面是我在Angular项目中所做的

关键点:永远不要假设视频会播放，当视频没有真正播放时，不要显示暂停按钮。

你应该总是查看play函数返回的Promise，看看它是否被拒绝了:

ngOnInit(): void{
    this.ensureVideoPlays();
}

private ensureVideoPlays(): void{
    const video = document.querySelector("video");

    if(!video) return;
    
    const promise = video.play();
    if(promise !== undefined){
        promise.then(() => {
            // Autoplay started
        }).catch(error => {
            // Autoplay was prevented.
            video.muted = true;
            video.play();
        });
    }
}

来源:自动播放策略