宏伟的弹出窗口无法显示视频

Question

我有一个视频库，但是单击时它没有显示视频。

在头上：

<script src="https://use.fontawesome.com/88a44a09b2.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
<link rel='stylesheet' href='https://cdn.rawgit.com/dimsemenov/Magnific-Popup/master/dist/magnific-popup.css'>

在身上：

<div class="video-gallery">
  <a class="vimeo-popup" href="https://vimeo.com/3653567">
</div>

在页面底部：

<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script>
<script src='https://cdn.rawgit.com/dimsemenov/Magnific-Popup/master/dist/jquery.magnific-popup.js'>

函数：

$(document).ready(function() {
  $('.video-gallery').magnificPopup({
    delegate: 'a', 
    type: 'iframe',
    gallery:{
      enabled:true
    }
  });
});

为什么不播放视频？