javascript - youtube 视频暂停时触发事件

Question

我在 YouTube 视频上强加了文字。

到目前为止，我正在使用 event.data == YT.PlayerState.PLAYING 来触发事件以在视频开始时隐藏 div - 但我还想做的是视频暂停时再次显示:

我目前拥有的:

var player;

function onYouTubeIframeAPIReady() {
    player = new YT.Player('ytplayer', {
        //height: '600',
        // width: '100%',
        videoId: 'lnzoWFylJ0k',
        events: {

            'onStateChange': function(event) {
                if (event.data == YT.PlayerState.PLAYING) {
                    hideIt();
                }

            }

        }
    });
}

function hideIt() {
    console.log("something happened");

    if (window.matchMedia("(min-width: 767px)").matches) {

        $("h1.txt--white").hide();

    }

提前致谢!

Answer 1

有一个 onStateChange 事件监听器(您正在使用的)，然后您可以挂接到“暂停”状态更改。

您已经在使用 PLAYING 事件，使用 YT.PlayerState.PAUSED 有问题吗？

https://developers.google.com/youtube/iframe_api_reference#Events