jquery - スライダーでYouTubeビデオを再生し、スライダーを一時停止します

Question

カスタム jQuery スライダーを作成しています。YouTubeビデオの再生中にスライダーを一時停止したい。そのため、スライダーを完成させるには、参照またはヘルプが必要です。

Answer 1

iframe api を使用して埋め込みプレーヤーを使用していると思います: https://developers.google.com/youtube/iframe_api_reference

そうでない場合は、そうすることを強くお勧めします。プレーヤーの状態変更イベントをリッスンし、再生開始時に関数を実行できます。

「はじめに」の章のページの例では、次のようにすることをお勧めします。

var player;
function onYouTubeIframeAPIReady() {
    player = new YT.Player('player', {
        height: '390',
        width: '640',
        videoId: 'M7lc1UVf-VE',
        events: {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange
        }
    });
}

function onPlayerStateChange(event) {
    if (event.data == YT.PlayerState.PLAYING) {
        // Pause your slideshow
    }
}

プレーヤーのパラメーターを好みに合わせて変更し、 onPlayerStateChange 関数でスライドショーを停止する独自のコードを記述します。「イベント」の章で説明されているように、一時停止状態や終了状態など、同じ関数で確認したい状態が他にもあります。