Magnific Popup - 打開你管視頻時出錯

無法在彈出的窗口中播放視頻。當我使用class=iframe時，頁面將重定向到YouTube並播放視頻。但是當我使用class=popup-youtube，在彈出的顯示，但我收到以下錯誤信息：Magnific Popup - 打開你管視頻時出錯

此網頁無法找到

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 
     }); 
    });

我正在運行此l在我的電腦上通過IIS進行測試。我爲單幅圖片，圖庫圖片和谷歌地圖設置的其他鏈接可以在彈出窗口時正常工作。該視頻是唯一不起作用的。

來源

2013-06-04 Phil

請確保您正在運行在服務器環境中，該代碼，或添加https:到YouTube SRC選項http://dimsemenov.com/plugins/magnific-popup/documentation.html#iframe-type

來源

2013-06-04 14:36:53

Dmtiry - 謝謝！這是問題所在。它現在像一個冠軍。也許你應該將其添加到文檔中，對於像我一樣在部署之前在本地計算機上進行測試的人員。 – Phil

我遇到了同樣的問題，但現在完美地工作。我還認爲，如果文檔具有這些細節，那將會很棒。 – swayziak

謝謝。它在服務器環境中運行時起作用。 –

添加裏面的代碼擴展功能，每彈出這樣的：

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

來源

2013-06-26 12:03:21

警告：明確設置http：protocol會阻止當前協議自動初始化。但因爲它連接到外部網站，所以它不是一個真正的問題。 –

Arrg！這花了我一段時間才弄清楚。類「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-18 04:39:50

只要您在JavaScript中使用相同的大小寫，類的區分大小寫並不重要。 – user1380540

的東西，我發現有「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>

我給的鏈接標籤「https」開頭的網址，但不起作用。

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

我看到視頻編碼「YQHsXMglC9A」合法的URL「V」的說法，它的作品:)
，所以我們只需要改變「V」的參數值。

來源

2016-04-08 17:08:24

是的，這個工程 –

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

刪除「HTTP：」或「https：」。問題在於如果您的網站使用HTTP打開，並且您的彈出式視頻網址以HTTPS開頭，那麼它會將您重定向到頁面。

來源

2016-06-27 13:59:24

Magnific Popup - 打開你管視頻時出錯

回答

相關問題