使用window.onbeforeunload暂停YouTube视频，使其不与音频重叠

Question

我试图离开网站时有一个自定义录音的网站。这很好用，但问题是我的YouTube视频也与我的音频重叠。

我想在我的音频开始播放时暂停或静音我的YouTube视频，这是由window.onbeforeunload

触发的

我试着这样做：

window.onbeforeunload = function () {
         player.pauseVideo();
       }

我已经实施了YouTube API，一切正常，但暂停未被触发。知道为什么吗？

谢谢！

Answer 1

从YouTube Player API Reference for iframe Embeds开始。

然后，您可以从SO post开始执行这些步骤。

  

  
1. 异步代码段下载并执行YT iframe API
  API准备好后会触发
2. onYouTubeIframeAPIReady()
  
3. 创建新的YT.Player对象
  
4. 您的代码现在可以在您的播放器对象上调用pauseVideo()
        

您很可能希望在img上禁用任何事件，直到   onYouTubeIframeAPIReady()被解雇了。

另请参阅此code以供参考。

Answer 2

由于YouTube api是异步加载，因此您无法从已执行的任何内容中调用它。

我的建议是在你的window.onbeforeunload函数中添加一个“var”“audio_playing”并使其成为全局。然后分别将其设置为true或false。

在您的YT api代码中。让YT播放器查找“var”并相应地设置播放状态。