magnific-popup - Magnific Popup - 打开 youtube 视频时出错

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