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