2013-07-15 178 views
2

當我創建使用onYouTubeIframeAPIReady的iframe播放器API,該鏈接與http協議創建的Youtube API HTTPS協議

實施例:

// 2. This code loads the IFrame Player API code asynchronously. 
     var tag = document.createElement('script'); 

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

     // 3. This function creates an <iframe> (and YouTube player) 
     // after the API code downloads. 
     var player; 
     function onYouTubeIframeAPIReady() { 
     player = new YT.Player('player', { 
      width: '560', 
      height: '600', 
      videoId: '7j8B_r4OfAw', 
      events: { 
      'onReady': onPlayerReady, 
      'onStateChange': onPlayerStateChange 
      } 
     }); 
     } 

iframe中結果:

<iframe id="player" frameborder="0" allowfullscreen="1" title="YouTube video player" width="560" height="600" src="http://www.youtube.com/embed/7j8B_r4OfAw?enablejsapi=1"></iframe> 

不任何人都知道如何使用https協議創建視頻?需要在平臺上安裝api。

請建議!

回答

0

如果您直接在您的html中創建iframe元素,而不是使用稍後替換的div,則可以指定https。如果需要,您可以動態創建iframe標記。看看this section的底部,它說明了如何去做。

請注意 - 即使您通過https加載播放器,實際的視頻流也可能通過http提供。這似乎在Chrome中導致混合模式警告,但不是其他瀏覽器(以我去年的經驗,可能已經改變)。請參閱this official blog post,其中解釋說可以通過https加載播放器,但會警告視頻不一定會以這種方式提供。