当我点击视频时，它不会作为弹出窗口出现[Jquery]

Question

我是jquery和javascript的新手，所以请耐心等待任何愚蠢的错误。所以基本上我希望视频弹出并开始播放：

以下是代码：

// Create a lightbox
(function() {
    var $lightbox = $("div.lightbox");
    var $video = $("video");
    var $caption = $("p.caption");

    // Add image and caption to lightbox
    $lightbox.append($video).append($caption);

    // Add lighbox to document
    $('body').append($lightbox);

    $('.lightbox-gallery video').click(function(e) {
      e.preventDefault();

      // Get video link and description
      var src = $(this).attr("src");
      // var cap = $(this).attr("alt");

      // Add data to lighbox
      $video.attr('src', src);
      // $caption.text(cap);

      // Show lightbox
      $lightbox.fadeIn('fast');

      $lightbox.click(function() {
        $lightbox.fadeOut('fast');
      });
    });
  }());

我也愿意接受javascript代码，但我宁愿拥有Jquery，因为我想学习更多