html 放大弹出窗口-打开you tube视频时出错

t1qtbnec 于 2023-02-27 发布在其他

关注(0)|答案(5)|浏览(134)

无法在放大弹出窗口中播放视频。当我使用class=iframe时，页面将重定向到youtube并播放视频。但当我使用class=popup-youtube时，弹出窗口将显示，但我收到以下错误信息：
页面没有找到
找不到网址为的网页：file://www.youtube.com/embed/AcnImfXjBHo?autoplay=1
错误6（网络：：未找到错误文件）：找不到文件或目录。
下面是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本地运行这个测试。我的其他链接，我设置的单一图像，画廊图像和谷歌Map工作正常与magnific弹出。视频是唯一一个不工作。

Html

来源：https://stackoverflow.com/questions/16917624/magnific-popup-error-when-opening-a-you-tube-video

5条答案

按热度按时间

nukf8bse1#

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

赞(0）回复(0）举报 2023-02-27

xmakbtuz2#

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

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

赞(0）回复(0）举报 2023-02-27

r7s23pms3#

我在“v”参数中发现了一些问题，我在核心文件“jquery.magna-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>

我给链接到一个标签“https”的网址，但不工作。

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

我看到有效的url“v”参数与视频代码“YQHsXMglC 9A”和它的作品：）
所以我们只需要改变“v”参数值。

赞(0）回复(0）举报 2023-02-27

yc0p9oo04#

啊!这花了我一段时间才弄明白。类"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>

赞(0）回复(0）举报 2023-02-27

pcww981p5#

<a class="popup-YouTube" href="//www.youtube.com/watch?v=AcnImfXjBHo"> Trial Master File Video</a>
删除“HTTP：“或“HTTPS：“。问题是如果您的网站是用HTTP打开的，而您的弹出视频URL是用HTTPS开始的，那么它会将您重定向到该页面。

赞(0）回复(0）举报 2023-02-27

我来回答

html 放大弹出窗口-打开you tube视频时出错

5条答案

相关问题

热门标签

最新问答