視頻不玩嵌入式vimeo視頻jquery fancybox？

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title>My page</title> 
    <link rel="stylesheet" type="text/css" href="./jquery.fancybox.min.css"> 
</head> 
<body> 

    <h2>fancyBox v3.2 - Iframe</h2> 

<a data-fancybox href="https://vimeo.com/191947042"> 
    Vimeo video 
</a> 
    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script> 

    <script src="./jquery.fancybox.min.js"></script> 
</body> 
</html>

有人可以解釋爲什麼我的視頻沒有彈出彈出後需要在晚上完成看看所有可能的來源我沒有得到出路嗎？視頻不玩嵌入式vimeo視頻jquery fancybox？

來源

2017-12-18 hruday kumar reddy

你的代碼似乎工作正常：https：//jsfiddle.net/0xnLd2yj/。檢查控制檯的錯誤和路徑到你本地副本fancybox –

彈出窗口打開，我也看到了jsfiddle它在那裏工作，但沒有播放視頻在Mozilla或Chrome中，當我打開文件 –

您正在測試在你的本地機器上？即。一個基於'file：//'的URL？如果是這樣，您可能被瀏覽器安全性加載視頻時被阻止。在網絡服務器上運行 –

這裏是一個工作jsfiddle： http://jsfiddle.net/e8nTZ/ 檢出並複製。

<a class="fancybox" href="http://vimeo.com/123456">open vimeo</a> 

jQuery(document).ready(function ($) { 
    $('.fancybox').fancybox({ 
     helpers: { 
      media: {} 
     } 
    }); 
});

請確保您正確鏈接您的js文件！

來源

2017-12-18 09:11:02

彈出窗口打開，我也有一個在jsfiddle它的工作在那裏看看，但沒有播放視頻既沒有Mozilla也沒有鉻當我打開文件 –

好的，檢查你的鏈接到庫（jQuery和fancybox）。您可以嘗試使用CDN中的鏈接，以確保它們正確包含在內。 –

我只需要從本地主機/服務器運行它 –

視頻不玩嵌入式vimeo視頻jquery fancybox？

回答

相關問題