Magnific Popup(ポップアップ) 使い方メモ(youtube)

Magnific Popup

github

//youtube ポップアップ
$(function (){
  $('.popup-youtube').magnificPopup({//動画リンクのaタグ要素を指定
    type: 'iframe',//ここの指定で画像のポップアップなども可能！
    mainClass: 'mfp-fade',
    removalDelay: 200,
    preloader: false
  });
});

<!-- 読み込むもの -->
<link rel="stylesheet" href="css/magnific-popup.css">
<script type="text/javascript" src="js/jquery.magnific-popup.min.js"></script>

<!-- ポップアップさせたいyoutube動画のURLを指定したaタグ -->
<a href="youtubeのURL" class="popup-youtube"></a>

youtubeの動画をポップアップする前提のメモになります。
他にも画像のポップアップなど色々できるみたいです。
もっと詳しく調べたら追記したいと思います。