單擊元素時重播YouTube視頻

Question

我有一個div元素，它是一個鏈接，我希望它能夠再次播放視頻。 我jQuery代碼是這樣的：

$('#film').click(
function() { 
    $('#question').hide(); 
    $('#video').show(); 
}); 

我知道，在YouTube的JavaScript API具有player.playVideo()功能，但我不能想出如何實現它在我的jQuery函數裏面。

Answer 1

我在Hidden youtube player loses its methods的幫助下發現，這是因爲我隱藏並顯示了玩家。 我將其更改爲$('#video').css('visibility','hidden');用於隱藏，$('#video').css('visibility','visible');用於將其顯示回來並且它可以正常工作。我的最終代碼是：

function play() { 
    if (ytplayer) { 
    ytplayer.playVideo(); 
    } 
} 

$('#film').click(
function() { 
    $('#question').hide(); 
    $('#video').css('visibility','visible'); 
    play(); 
});