Question

我有一个视频链接，我想在弹出窗口中打开使用Magnific，但是当它点击时，它只链接到Youtube网址。我怀疑某些JS代码没有被读取，但我返回0个错误。

目前我的div看起来像这样：

<a href="https://www.youtube.com/watch?v=pzot1TWuutY" class="magnific-youtube">
<span class="fa fa-play-circle"></span>
</a>

我的JS函数看起来像这样：

// Magnific JS
$( document ).ready(function(){
$('.magnific').magnificPopup({
  type:'image',
  removalDelay: 300,
  mainClass: 'mfp-fade'
});

$('.magnific-youtube, .magnific-vimeo').magnificPopup({
  disableOn: 700,
  type: 'iframe',
  mainClass: 'mfp-fade',
  removalDelay: 300,
  preloader: false,
  fixedContentPos: false
});

我已链接到所有必需的文件，但似乎无法插入文件。

Here is my demo of it 只需向下滚动到包含3张图片+播放按钮的部分。

感谢帮助人员！

Answer 1

<强>已更新

尝试使用HTML：

<div class="magnific-youtube">
<span class="fa fa-play-circle"></span>
  Open video
</div>

试试这个javascript：

    $('.magnific-youtube').magnificPopup({
    items: {
      src: 'https://www.youtube.com/watch?v=pzot1TWuutY'
    },
    type: 'iframe' 
});

Answer 2

尝试从以下位置更改链接

https://www.youtube.com/watch?v=pzot1TWuutY

到

https://www.youtube.com/embed/pzot1TWuutY

将/watch?v=更改为/embed/

Magnific-popup只链接到youtube视频，不会弹出显示

2 个答案: