Magnific Popup - 打开管视频时出错

Question

在巨大的弹出窗口中无法播放视频.当我使用时class=iframe,页面将重定向到youtube并播放视频.但是当我使用时class=popup-youtube,会显示弹出窗口,但是我收到以下错误消息:

找不到此网页

No webpage was found for the web address: file://www.youtube.com/embed/AcnImfXjBHo?autoplay=1
Error 6 (net::ERR_FILE_NOT_FOUND): The file or directory could not be found.

这是HTML代码:

<a class="popup-YouTube" href="HTTP://www.youtube.com/watch?v=AcnImfXjBHo">
                                Trial Master File Video</a>    

这是JS:

$(document).ready(function() {
        $('.popup-youtube, .popup-vimeo, .popup-gmaps').magnificPopup({
            disableOn: 700,
            type: 'iframe',
            mainClass: 'mfp-fade',
            removalDelay: 160,
            preloader: false,

            fixedContentPos: false
        });
    });

我通过IIS在我的PC上本地运行它进行测试.我为单张图片,图库图片和谷歌地图设置的其他链接可以很好地弹出.该视频是唯一一个无效的视频.

Answer 1

确保您在服务器环境中运行此代码,或添加https:到youtube src选项http://dimsemenov.com/plugins/magnific-popup/documentation.html#iframe-type

Answer 2

在每个弹出窗口的扩展函数中添加代码，如下所示：

$.extend(true, $.magnificPopup.defaults, {
    iframe: {
        patterns: {
           youtube: {
              index: 'youtube.com/', 
              id: 'v=', 
              src: 'https://www.youtube.com/embed/%id%?autoplay=1' 
          }
        }
    }
});