2013-04-18 154 views
0

我在網站中嵌入了YouTube視頻,但我想通過點擊播放器外部的自定義按鈕開始播放。YouTube API:自定義按鈕開始播放嵌入的視頻

在網絡上經過一番研究,我已經試過這件作品的JS:

$(document).ready(function() { 
    $.getScript('http://www.youtube.com/player_api'); 


    $('#playvideo').click(function() { 
     thevid=document.getElementById('thevideo'); thevid.style.display='block'; this.style.display='none'; $('#video').playVideo(); 
    }); 
}); 

其中#playvideo是按鈕,請#video是YouTube的iframe。

這是嵌入HTML代碼:

<iframe id="video" width="266" height="150" src="http://www.youtube-nocookie.com/embed/uJnHiN-GsZM?rel=0&showinfo=0&controls=2&enablejsapi=1" frameborder="0" allowfullscreen></iframe> 

,但它不工作在任何瀏覽器,我收到這個JS錯誤:

遺漏的類型錯誤:對象的翻譯:沒有方法'playVideo'

任何人都可以給我一些建議?

+0

您正在使用哪種瀏覽器?不同的瀏覽器可能會略有不同... –

+0

它不適用於最新版本的Chrome,Firefox,Safari,Opera和IE10 – Stefano

+0

剛剛在jsfiddle.net嘗試工作正常。 –

回答

1

你引用的視頻與thevideo的ID在這裏:

document.getElementById('thevideo')

但您稍後嘗試與video這裏的ID引用視頻:

$('#video').playVideo();

Make確保你所有的ID和引用都是正確的。然後讓我們知道問題是否存在。

0

請嘗試變種player = YT.Player('player'); player.playVideo();代替

相關問題