youtube - 最初の動画の再生が終了した後、2 番目の YouTube 動画を再生します

Question

サイトに YouTube 動画を埋め込んでいます。埋め込まれたビデオの再生が終了したら、すぐに別の YouTube ビデオを自動再生したいと思います。どうすればそれができますか？

Answer 1

YouTube プレーヤーを初期化するときに、onStateChange イベントを追加します。次に、イベントが何であったかを確認し、それが PlayerState.Ended である場合は、次のビデオを読み込みます。このようなもの

    this.player = new YT.Player('player', {
      height: pxHeight,
      width: pxWidth,
      playerVars: {
                                'rel': 0,
                                'controls': 0,
                                'fs':0
      },
      events: {
        'onReady': onPlayerReady,
        'onStateChange': onPlayerStateChange,
        'onError': onError
      }
    });

  function onPlayerStateChange(event) {
    if (event.data == YT.PlayerState.PLAYING) {
        LOG("Youtube Playing");
    } else if (event.data == YT.PlayerState.ENDED) {
        LOG(">>>Youtube Ended");
        this.player.loadVideoById(ID, 0, "default");
    } else if (event.data == YT.PlayerState.PAUSED) {
        LOG("Youtube Paused");
    } else if (event.data == YT.PlayerState.BUFFERING) {
        LOG("Youtube Buffering");
    } else if (event.data == YT.PlayerState.CUED) {
        LOG("Youtube Cued");
    }
  }