jquery - 单击元素时重播 youtube 视频

Question

我有一个 div 元素，它是一个链接，我希望它能够再次播放视频。我的 jQuery 代码是这样的：

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

我知道 YouTube javascript API 有一个player.playVideo()函数，但我不知道如何在我的 jQuery 函数中实现它。

Answer 1

我发现在Hidden youtube player 的帮助下失去了它的方法，这是因为我隐藏并显示了播放器。我将其更改$('#video').css('visibility','hidden');为隐藏和$('#video').css('visibility','visible');显示它并且它有效。我的最终代码是：

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

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