0

YouTubeプレイリスト ビデオへの参照を取得できません。

これは動作しません

プレイリストでjsapiを有効にすることが本当かどうかさえわかりませんか？

var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

var player;
function onYouTubeIframeAPIReady() {
  player = new YT.Player('movie_player', {
    events: {
      'onReady': onPlayerReady,
      'onStateChange': onPlayerStateChange
    }
  });
}

function onPlayerReady() {
  console.log("hey Im ready");
//do whatever you want here. Like, player.playVideo();

}

function onPlayerStateChange() {
  console.log("my state changed");
}
4

1 に答える 1

2

以下のコードは、あなたが何を達成しようとしているのかを正しく理解していなかったので、始めるのに役立つと思います. しかし、ビデオを再生して一時停止する必要があることは理解しました。以下は、プロジェクトのどこかで使用したコードです-

function toggleVideo(state) {
        if(state == 'pause'){
            document.getElementById('movie_player').contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}', '*');
        }
        else {
            document.getElementById('movie_player').contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}', '*');
        }
    }

更新 私は今完全に理解しました。以下は、これを達成するための手順です-

1) 以下のコードを使用して、プレイリストの Json データを取得します。

var playlistId = 'PL1HIp83QRJHRbmJl0sS0CLOuIKCBCB76L';
$.getJSON('https://gdata.youtube.com/feeds/api/playlists/'+ playlistId +'?v=2&alt=jsonc',function(data,status,xhr){
// save json data of the playlist
}).error(function() { alert("404 Error"); });

以下の URL の XML 形式を参照してください。API の URL で「&alt=jsonc」を使用すると、JSON 形式で同じデータを取得できます 。

2) 2 つの YouTube プレーヤーを保持する必要がある 2 つの iframe またはコンテナーを作成します。最初の 1 つはプレーヤーで、10 分ごとに一時停止する必要があります。一時停止すると、最初のコンテナーを非表示にする必要があります。2 番目のインスタンスは、完了するまで再生する必要がある 2 番目のビデオを持つプレーヤーを保持する必要があります。完了すると、このコンテナーを非表示にして、最初のコンテナーを再度表示します。

YouTube ビデオを再生および一時停止する方法については、この投稿を参照してください。iframeを非表示にするときに YouTube プレーヤーを一時停止する方法は?

3) 約 10 分ごとに、プレイリストの JSON データから次のビデオ リンクと詳細を取得し、それを 2 番目のコンテナにリンクして、最初のコンテナを一時停止して非表示にし、2 番目のコンテナを再生して表示します。

このようにして、あなたが必要とするものを達成できることを願っています。

于 2015-03-03T11:15:41.857 に答える