5

无法在放大的弹出窗口中播放视频。当我使用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 上本地运行它以进行测试。我为单个图像、图库图像和谷歌地图设置的其他链接可以很好地使用壮丽的弹出窗口。视频是唯一不工作的。

4

5 回答 5

10

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

于 2013-06-04T14:36:53.490 回答
4

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

$.extend(true, $.magnificPopup.defaults, {  
    iframe: {
        patterns: {
           youtube: {
              index: 'youtube.com/', 
              id: 'v=', 
              src: 'http://www.youtube.com/embed/%id%?autoplay=1' 
          }
        }
    }
});
于 2013-06-26T12:03:21.707 回答
2

我用“v”参数找到的东西，我在核心文件“jquery.magnific-popup.js”中看到了模式

patterns: {
    youtube: {
        index: 'youtube.com',
            id: 'v=',
            src: '//www.youtube.com/embed/%id%?autoplay=1'
        }
}

前端链接：

<a href="https://www.youtube.com/embed/YQHsXMglC9A" class="popup-youtube">youtube link</a>

我提供了指向 A 标签“https”网址的链接，但不起作用。

<a href="http://www.youtube.com/watch?v=YQHsXMglC9A" class="popup-youtube">youtube link</a>

我看到带有视频代码“YQHsXMglC9A”的有效 url “v”参数并且它有效:)
所以我们只需要更改“v”参数值。

于 2016-04-08T17:08:24.630 回答
0

啊！这花了我一段时间才弄清楚。“popup-YouTube”类应该全部小写。

代替

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

注意里面的大写字母YouTube

它应该是

<a class="popup-youtube" href="https://www.youtube.com/watch?v=AcnImfXjBHo">
                                Trial Master File Video</a>
于 2015-02-18T04:39:50.010 回答
0

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

删除“HTTP：”或“HTTPS：”。问题在于，如果您的网站使用 HTTP 打开并且您的弹出视频 URL 以 HTTPS 开头，那么它会将您重定向到该页面。

于 2016-06-27T13:59:24.740 回答