javascript - 使用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. The asynchronous code snippet downloads and executes the YT iframe API
2. onYouTubeIframeAPIReady() is fired when the API is ready
3. Create a new YT.Player object
4. Your code can now call pauseVideo() on your player object

You will most likely want to disable any events on your img until onYouTubeIframeAPIReady() has been fired.

另请引用此 code以供引用。