的Youtube API的iFrame - 影片不加載

編輯：這裏是的jsfiddle：http://jsfiddle.net/sr4u1b0a 的Youtube API的iFrame - 影片不加載

我試圖弄清楚如何使用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>

來源

2017-07-25 Brian

請再次檢查您在問題和codepen.io中提供的代碼。我認爲不完整。例如，如果你調用'initialize（）;'你會得到'setPlaybackQuality是未定義的'。請[編輯]你的問題 –

你可以用你的代碼做一個jsfiddle嗎？ –

這是它！ https://jsfiddle.net/sr4u1b0a/ 在此先感謝您的幫助。我對這個Javascript的東西很陌生，所以我想我錯過了一些東西！ – Brian

更新，我通過這個腳本改爲裝載和它的工作！

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

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

來源

2017-07-25 20:18:49 Brian

的Youtube API的iFrame - 影片不加載

回答

相關問題