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

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

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

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

扩展DOM元素，处理错误，优雅地降级

下面我使用原型函数来包装原生DOM播放函数，获取它的承诺，然后在浏览器抛出异常时将其降级为播放按钮。这个扩展解决了浏览器的缺点，是即插即用的任何页面与目标元素的知识(s)。

// JavaScript
// Wrap the native DOM audio element play function and handle any autoplay errors
Audio.prototype.play = (function(play) {
return function () {
  var audio = this,
      args = arguments,
      promise = play.apply(audio, args);
  if (promise !== undefined) {
    promise.catch(_ => {
      // Autoplay was prevented. This is optional, but add a button to start playing.
      var el = document.createElement("button");
      el.innerHTML = "Play";
      el.addEventListener("click", function(){play.apply(audio, args);});
      this.parentNode.insertBefore(el, this.nextSibling)
    });
  }
};
})(Audio.prototype.play);

// Try automatically playing our audio via script. This would normally trigger and error.
document.getElementById('MyAudioElement').play()

<!-- HTML -->
<audio id="MyAudioElement" autoplay>
  <source src="https://www.w3schools.com/html/horse.ogg" type="audio/ogg">
  <source src="https://www.w3schools.com/html/horse.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>

我发现最好的解决办法就是把视频静音

HTML

<video loop muted autoplay id="videomain">
  <source src="videoname.mp4" type="video/mp4">
</video>

根据新的浏览器策略，在播放Audio元素之前，用户必须首先与DOM交互。

如果你想在页面加载中播放媒体，那么你可以简单地添加自动播放属性到HTML中的音频元素，就像这样

<video id="video" src="./music.mp4" autoplay> .

或者如果你不想做自动播放，那么你可以使用Javascript处理这个。由于autoplay属性设置为true，媒体将被播放，我们可以简单地静音媒体。

document.getElementById('video').autoplay = true;
document.getElementById('video').muted = true; 

小鬼:现在不管你什么时候播放媒体，别忘了把静音属性设为false。像这样

document.getElementById('video').muted = false; 
document.getElementById('video').play();

或者，您还可以显示一个简单的弹出窗口，用户将单击模式中的允许按钮。因此，他首先与DOM交互，然后您不需要做任何事情