Question

我想在Magnific popup http://dimsemenov.com/plugins/magnific-popup/中显示youtube视频。我从JSON文件获取的youtube视频的URl，我在我的HTML中插入了HandlebarsJS。到目前为止一切顺利，当我使用webinspector检查<a href>时，可以使用正确的链接。

不知何故，当我点击它时，Magnific弹出窗口打开，但youtube视频没有触发，而是收到错误消息。似乎弹出窗口打开，或者更确切地说，当Magnific弹出窗口被触发时，它完全不同于我的BackboneJS应用程序。这可能是真的吗？

在我的HTML（video.html）中，我有：

<a class="vidPopup" href="youtubelink here">

在Backbone View中我创建了一个事件：

    template: 'video', //referring to the video.html
    events: {
        'click .vidPopup': 'seeVid'
    },

    seeVid: function(e) {
        e.preventDefault();
        $('.vidPopup').magnificPopup({
            disableOn: 700,
            type: 'iframe',
            mainClass: 'mfp-fade',
            removalDelay: 160,
            preloader: false,
            fixedContentPos: false
        });
    }

这可能是什么问题？

Answer 1

我自己解决了！由于Youtube API会返回youtube视频的ID，我只需要这样做：

<a class="vidPopup" href="https://www.youtube.com/watch?v={{id}}">

我没有必要更改弹出设置

BackboneJS - Magnific弹出窗口没有触发youtube视频

1 个答案: