绕过有声视频的 chrome 自动暂停？

Question

我有一个网站设置，背景是使用 Tubular.js 插件的 YouTube 视频。Chrome 浏览器有一个问题，如果我用mute: false标志加载 YouTube 视频，它会自动暂停。Chrome 是唯一的违规者，因为它可以与 Opera、Firefox 等一起使用。如果我将标志更改为mute: true视频，则可以正常播放。

Chrome 最近开始阻止播放的有声视频。是否有一个选项可以在 chrome 上绕过这个问题，或者至少修改 tuber.js 库/js 调用，以便它仅在 chrome 用户代理上静音（无论设置如何）？

https://codepen.io/anon/pen/MGEZrO

提前致谢

Answer 1

根据 chrome 逻辑，如果视频未静音，则无法自动播放视频。但是，如果视频静音，它们允许自动播放视频，并且如果用户取消静音，则不会停止视频。通过这种（用户交互）chrome 意味着用户只需在网站上单击一下或单击（任何地方，不仅仅是视频组件）。

只需让您的用户在您的网页上单击一下，然后您就可以安装/启动带有自动播放和声音的视频。

我的反应水疗中心也有类似的情况。我强制用户在安装视频之前单击一下。只有这样它才开始播放声音。

我还遇到过这样的情况：即使没有点击，视频也必须开始，我只需在整个页面上添加EventListener 即可尽快取消静音

play(from = null) {
  document.addEventListener('click', () => {
  // any click will force my video to unmute
  this.player.muted = false; 
  });
  // rest code for updating state etc
}

不幸的是，触发点击不起作用（视频会自动停止）