3

我有一个网站设置，其中背景是使用 Tubular.js 插件的 YouTube 视频。chrome 浏览器存在问题，如果我用mute: false标志加载它，它会自动暂停 youtube 视频。Chrome 是唯一的违规者，因为它适用于 opera、firefox 等。如果我将标志更改为mute: true视频将正常播放。

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

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

提前致谢

4

2 回答 2

4

根据 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
}

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

于 2018-08-07T21:20:28.327 回答
0

根据他们关于 chrome 自动播放的指南；

遗憾的是，Chrome 无法为自动播放政策提供任何白名单例外。

他们还解释了如何以侵入性较小的方式呈现内容（首先静音视频）以及有关该政策的一些其他提示。

于 2018-05-06T15:43:54.940 回答