Javascripting one Youtubeビデオは別のものを再生する

私のビデオは下のコードでロードされません。Javascripting one Youtubeビデオは別のものを再生する

これはかなり単純明快なはずですが、何もロードすることができません。私が試した：

は、HTML

でdiv要素に明示的な高さを追加するイベントのご注文

を変える動画

を変更...それはおよそ私が思い付くことができるすべてです。

誰かが間違っているのを見ることができますか？

ありがとうございました。

<html> 
    <head>Video title 
     <script src=//"www.youtube.com/iframe_api"></script> 
     <script>  
      var videoIDs = [ 
       'OdT9z-JjtJk', 
       'NlXTv5Ondgs' 
      ]; 

      var player, currentVideoId = 0; 

      function onYouTubeIframeAPIReady() { 
       player = new YT.Player('player', { 
        height: '350', 
        width: '425', 
        events: { 
         'onReady': onPlayerReady, 
         'onStateChange': onPlayerStateChange 
        } 
       }); 
      } 

      function onPlayerReady(event) { 
       event.target.loadVideoById(videoIDs[currentVideoId]); 
      } 

      function onPlayerStateChange(event) { 
       if (event.data == YT.PlayerState.ENDED) { 
        currentVideoId++; 
        if (currentVideoId < videoIDs.length) { 
         player.loadVideoById(videoIDs[currentVideoId]); 
        } 
       } 
      } 
     </script> 
    </head> 
    <body> 
     <div id="player"></div> 
    </body> 
</html>

出典

2017-10-18 Simon Kiely

使用このスクリプトは私がsimethingを変更： -

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, currentVideoId = 0; 

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

function onPlayerReady(event) { 
    event.target.playVideo(); 
} 
var done = false; 

function onPlayerStateChange(event) { 
    if (event.data == YT.PlayerState.PLAYING && !done) { 
     currentVideoId++; 
     if (currentVideoId < videoIDs.length) { 
      player.loadVideoById(videoIDs[currentVideoId]); 
     } 
     setTimeout(stopVideo, 6000); 
     done = true; 
    } 
}

出典

2017-10-18 07:22:44

Javascripting one Youtubeビデオは別のものを再生する

答えて

関連する問題