2017-12-18 212 views
0
<!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?

+0

你的代码似乎工作正常:https://jsfiddle.net/0xnLd2yj/。检查控制台的错误和路径到你本地副本fancybox –

+0

弹出窗口打开,我也看到了jsfiddle它在那里工作,但没有播放视频在Mozilla或Chrome中,当我打开文件 –

+0

您正在测试在你的本地机器上?即。一个基于'file://'的URL?如果是这样,您可能被浏览器安全性加载视频时被阻止。在网络服务器上运行 –

回答

0

这里是一个工作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文件!

+0

弹出窗口打开,我也有一个在jsfiddle它的工作在那里看看,但没有播放视频既没有Mozilla也没有铬​​当我打开文件 –

+0

好的,检查你的链接到库(jQuery和fancybox)。您可以尝试使用CDN中的链接,以确保它们正确包含在内。 –

+0

我只需要从本地主机/服务器运行它 –