YouTubeのインラインフレームAPI - ビデオ

Question

編集をロードしない：ここJSFiddleです：http://jsfiddle.net/sr4u1b0a

私はYouTubeのAPIを使用する方法を把握しようとしています。私はこれで初心者ですので、単純な解決策があれば申し訳ありません。

私はそれが動作するようにすべての必要なコードを追加したと思う、それはちょうどビデオをロードしません。

https://codepen.io/brianpensinger/pen/zdxzjj

ヘッド：

<script src="https://youtube.com/iframe_api" type="text/javascript"></script> 

<script type="text/javascript"> 
    var player2; 
    function onYouTubeIframeAPIReady() { 
     player2 = new YT.Player("video-placeholder2", { 
     width: 1920, 
     height: 1080, 
     videoId: "iM_KMYulI_s", 
     playerVars: { 
      modestbranding: 1, 
      rel: 0 
     }, 
     events: { 
      onReady: initialize 
     } 
     }); 
    } 

    function initialize() { 
     setPlaybackQuality(highres); 
     loadVideoById(iM_KMYulI_s, parseInt(0), highres); 
     setPlaybackRate(2); 
    } 
    </script> 
    <script type="text/javascript"> 
    var player; 

    function onYouTubeIframeAPIReady() { 
     player = new YT.Player("video-placeholder", { 
     width: 1920, 
     height: 1080, 
     videoId: "iM_KMYulI_s", 
     playerVars: { 
      modestbranding: 1, 
      rel: 0 
     }, 
     events: { 
      onReady: initialize 
     } 
     }); 
    } 

    function initialize() { 
     setPlaybackQuality(highres); 
     loadVideoById(iM_KMYulI_s, parseInt(0), highres); 
     setPlaybackRate(2); 
    } 
    </script> 

Answer 1

更新、私はこのスクリプトを経由して負荷を変更し、それが働きました！

var tag = document.createElement('script'); 

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