2016-08-05 8 views
-1

私は以下のコードを変更する必要があります。ビデオが終了すると別の人が再生できます。最初のビデオがfalseの場合、それはブール値をチェックします終了した後、それをtrueに設定し、そのそれの後に新しいVIDEOIDにユーチューブプレーヤーを設定しますJavaScriptを使用して2番目のビデオを読み込む方法を教えてください

ティム

<script> 

    // create youtube player 
    var player; 
    function onYouTubePlayerAPIReady() { 
     player = new YT.Player('player', { 
      height: '390', 
      width: '640', 
      videoId: '4L5g2kN9oUU', 
      events: { 
      'onReady': onPlayerReady, 
      'onStateChange': onPlayerStateChange 
      } 
     }); 
    } 

    // autoplay video 
    function onPlayerReady(event) { 
     event.target.playVideo(); 
    } 

    // when video ends 
    function onPlayerStateChange(event) {   
     if(event.data === 0) {   
      alert('done'); 
     } 
    } 

</script> 

答えて

0

新しい回答 YouTubeプレーヤーの再生機能を実行します。

他のビデオを再生するにはsecondvideoIdを変更する必要があります。最初のビデオは再生されませんので、忘れないでください。

var firstVId = '4L5g2kN9oUU'; 
var secondVId = '4L5g2kN9oUU'; 

var bPlayedSecondTime = false; 


// create youtube player 
var player; 
function onYouTubePlayerAPIReady() { 
    player = new YT.Player('player', { 
     height: '390', 
     width: '640', 
     videoId: firstVId, 
     events: { 
     'onReady': onPlayerReady, 
     'onStateChange': onPlayerStateChange 
     } 
    }); 
} 

// autoplay video 
function onPlayerReady(event) { 
    event.target.playVideo(); 
} 

// when video ends 
function onPlayerStateChange(event) {   
    if(event.data === 0) {   
     alert('done'); 

     if(bPlayedSecondTime == false) 
     { 
      player.loadVideoById(secondVId); 
      bPlayedSecondTime = true; 
      event.target.playVideo(); 

     } 
    } 
} 
<script> 
+0

は次のように\t \t \t機能onPlayerStateChange(イベント){ 場合(event.data === 0){ 機能onYouTubeIframeAPIReady(){ プレーヤー=新しいYT.Playerを(動作していないことをしようとしました'プレイヤー'、{ 高さ: '200'、 幅: '300'、 VIDEOID 'dQw4w9WgXcQ' イベント:{ 'onReady':onPlayerReady }})。 –

0

新しいインスタンスをplayerを再宣言しようとしたことがありますか?

// when video ends 
function onPlayerStateChange(event) {   
    if(event.data === 0) {   
     alert('done'); 
     player = new YT.Player('player', { 
      height: '390', 
      width: '640', 
      videoId: '[next video ID]', 
      events: { 
       'onReady': onPlayerReady, 
       'onStateChange': onPlayerStateChange 
      } 
     }); 
    } 
} 
+0

はい、動作しませんでした。 –

+0

player.loadVideoById(videoId); – Zezura

関連する問題