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 事件侦听器（您正在使用的），然后您可以挂接到 "paused" 状态更改。

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

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

youtube 视频暂停时触发事件

trigger event when youtube video is paused

javascript

youtube

youtube-javascript-api