2016-09-29 17 views
0

iframeで再生する動画のIDが異なります(現在は一度に1つしか再生できません)。次の動画を処理するためにonPlayerStateChange()イベントを試しましたが、動画は再生されませんビデオが終了したり、複数のビデオを次々に再生したりすると、イベントを発生させる方法はありますか?いずれかが私を助けてください。iframeでyoutubeの動画を再生する方法

私はこれを以下のコードで試しました。

htmlコード:

<script type="text/javascript"> 
function ifplayer_onPlayerStateChange() { 
      alert("statechanged"); 
     } 
</script> 
<iframe id="ifplayer" runat="server"/> 

CSコード:

ifplayer.Attributes.Add("src", "//www.youtube.com/embed/videoid"); 
ifplayer.Attributes.Add("onload", "ifplayer_onPlayerStateChange();"); 
+0

それは同様iframe' 'なしに可能である場合は、' iframe'が必要な理由。 –

+0

どうすれば私にお勧めしますか? –

+0

あなたはすでに答えをマークしています... –

答えて

0

私は疲れて、この最初の動画が終了した後に別の動画を再生するにはコードの下、それは私のために働いています。

<iframe class="ytplayer" src="https://www.youtube.com/watch?v=pwfnT4CKoJo?enablejsapi=1" id="player" height="500" width="600" runat="server"></iframe> 

<script> 
var player; 
function onYouTubeIframeAPIReady() { 
     player = new YT.Player('player', { 
      events: { 'onStateChange': onPlayerStateChange },    
     }); 
     } 
     function onPlayerStateChange(event) { 
     switch(event.data) { 
      case 0:    
        document.getElementById('player').src = "https://www.youtube.com/watch?v=bhGQSsuTjmw?enablejsapi=1"; 
        onYouTubeIframeAPIReady();       
      break; 
      case 1: 
       alert('video playing from ' + player.getCurrentTime()); 
      break; 
      case 2: 
       alert('video paused at ' + player.getCurrentTime 
      break; 
     } 
     } 
</script> 
0

は、私はYouTubeのAPIまず見てみるお勧めしますし、Googleが既に持っていることへの解決策を作成した可能性があるとして、それはあなたがする必要がある作業の一部を奪うことができるかどうかを確認します。

あなたはここでそれを見つけることができます:https://developers.google.com/youtube/code_samples

+0

たくさんあるでしょう、私に正確なURLを提供してください..thankyou –

関連する問題