2014-10-19 25 views
0

我的iframe的HTML工作已經嵌入的iframe不與YouTube的API

<iframe id="player" frameborder="0" width="660" height="371" allowfullscreen="" src="https://www.youtube.com/embed/CMm6tDavSXg?feature=oembed"> 

我的YouTube JS

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; 
function onYouTubeIframeAPIReady() { 
    player = new YT.Player('player', { 
    events: { 
'onReady': onPlayerReady, 
     'onStateChange': onPlayerStateChange 
    } 
    }); 
} 
function onPlayerReady(event) { 
     event.target.playVideo(); 
     } 

但它仍然沒有開始播放或其他任何東西......這裏是哪裏的問題?謝謝

+0

它的工作就像一個魅力http://jsbin.com/cucebugico/1/edit?html,js,output問題是在別的地方 – mpgn 2014-10-19 12:28:54

+0

嗯它不適用於jsbin或jsfiddle我嗎?它準備好後不應該開始玩嗎? – 2014-10-20 07:11:11

回答

0
  • onPlayerReady不會觸發本地主機上的就緒檢查。
  • 此外,當您鏈接您的youtube.js文件時,它必須在iframe之後。
  • 添加?enablejsapi = 1
  • 有時雙聯兩種player_api和iframe_api也將幫助
  • // WWW <之前。不是https://
  • 安置是關鍵。

編輯:問題是,您還需要添加?enablejsapi = 1到視頻 嵌入鏈接。

//www.youtube.com/embed/F4efZDqXZKA?enablejsapi=1 

小提琴:http://jsfiddle.net/y89je0k8/

,將解決你的問題。

+0

hm它不適用於jsbin或jsfiddle的我?它準備好後不應該開始玩嗎? – 2014-10-20 11:04:16

+0

看編輯解決您的問題。 – EVX 2014-10-21 01:47:36