的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 - 影片不加载

回答

相关问题