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();
});