单击元素时重播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(); 
});