Magnific popup video example.html

<!-- html structure -->
<a class="popup-youtube" href="https://www.youtube.com/watch?v=UbMCjJsCsok"><span>Watch the setup video</span><figure><img src="svgs/icn_ui_play_large.svg" width="32" height="32" alt="WatchBTN"></figure></a>

<!-- Scripting function -->
<script type="text/javascript">
      $(document).ready(function() {
          $('.popup-youtube, .popup-vimeo').magnificPopup({
              disableOn: 700,
              type: 'iframe',
              mainClass: 'mfp-fade',
              removalDelay: 160,
              preloader: false,

              fixedContentPos: false
          });
      });
  </script>