youtubeの再生/停止などをJSで制御

公開日

モーダル内に設置したYoutube動画が、
モーダルを閉じても再生が止まらなかったので、
モーダルを閉じると再生も止まるように制御しました。

$(function(){
  $(".modalLink").on("click", function(){
　　videoControl("playVideo");
  });
  $("#modalFade").on("click", function(){
    videoControl("stopVideo");
  });
  function videoControl(action){
    var $playerWindow = $('#movie01')[0].contentWindow;
    $playerWindow.postMessage('{"event":"command","func":"'+action+'","args":""}', '*');
  }
});