YouTube视频暂停时触发事件

时间:2018-07-16 21:48:54

标签: javascript youtube youtube-javascript-api

我在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();

    }

谢谢!

1 个答案:

答案 0 :(得分:2)

有一个onStateChange事件侦听器(正在使用的侦听器),然后您就可以进入“已暂停”状态更改。

您已经在使用PLAYING事件,使用YT.PlayerState.PAUSED是否存在问题?

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