Обратный вызов API JavaScript Javascript после паузы - PullRequest
Новая
       6

Обратный вызов API JavaScript Javascript после паузы

0 голосов
/ 03 июля 2018

Я хотел бы отобразить изображение с помощью кнопки воспроизведения, как только кто-то щелкнет изображение, я создаю проигрыватель YouTube, чтобы воспроизвести его. Как только кто-то нажимает на кнопку «пауза», я хотел бы скрыть плеер и снова показать изображение.

Могу ли я использовать какой-нибудь обратный вызов? Я пытался использовать onStateChange callback 

onStateChange: function (event) {
    if (event.data === 2) {
        // logic to hide it
    }
}

Проблема в том, что это событие вызывается, когда кто-то также изменяет время, поэтому, как только пользователь щелкает левой кнопкой мыши по временной шкале, видеосигналы «паузы» и становятся скрытыми. Могу ли я как-то проверить, что видео просто буферизует / меняет позицию, а не делает активную паузу пользователем?

1 Ответ

0 голосов
/ 03 июля 2018

Надеюсь, что это сработает ... 

</script>

<div class="module module-home-video">
    <span class="module-strip">Latest Product Video</span>
    <div id="video"></div>
</div>



<script>
    var player, playing = false;
    function onYouTubeIframeAPIReady() {
        player = new YT.Player('video', {
            height: '360',
            width: '640',
            videoId: 'RWeFOe2Cs4k',
            events: {
                'onStateChange': onPlayerStateChange
            }
        });
    }

    function onPlayerStateChange(event) {
    console.log(playing)
        if(!playing){
            alert('hi');
            playing = true;
        }else{
            playing = false;
        }
    }
</script>
...