有什么方法可以自动播放带有角度的 chrome 音频的视频

Question

我正在开发水疗中心，我必须在网站顶部显示横幅视频。在初始阶段加载视频时，有什么方法可以取消视频音频的静音。

我尝试取消静音并覆盖视频，但它不适用于 chrome 浏览器。我已阅读有关 chrome 自动播放视频阻止的文章，但仍然可以取消静音视频。

尝试以下代码

<video autoplay preload="auto" muted onloadedmetadata="this.muted = true" oncanplay="this.play()" id="video-player">
<source src="https://###########" type="video/mp4" crossorigin="anonymous">
</video>

let audioPlayer = <HTMLVideoElement> document.getElementById('video-player');
audioPlayer.addEventListener('play', () => {
  // audioPlayer.muted = true;
  audioPlayer.play();
  audioPlayer.muted = false;
});

audioPlayer.addEventListener('ended', () => {
  this.showPlayBtn = true;
})

我需要在所有浏览器中自动播放带音频的视频。

任何帮助将不胜感激。提前致谢！

Answer 1

如果你使用 Angular，你可以使用这个外部库Videogular。它非常易于使用，您几乎可以配置与视频播放器相关的所有内容。

这里你可以看到一个使用这个库live-demo的活生生的例子

要“自动播放”视频，您只需将参数“自动播放”设置为 true，如下所示：

<video [vgMedia]="media" #media id="singleVideo" preload="auto" autoplay="true" controls>

你可以试试在live-demo添加这个参数。