使用精美的框获取"无法加载请求的内容"(虽然控制台中没有错误)

Rin*_*cke 1 javascript jquery fancybox

我正在使用fancybox有一个简单的vimeo弹出窗口:http://fancyapps.com/fancybox/

这是我的jQuery:

$(".fancybox").fancybox({
    openEffect: 'none',
    closeEffect: 'none',
    padding: 0
});
Run Code Online (Sandbox Code Playgroud)

这是我的HTML:

<a class="fancybox" href="http://vimeo.com/5319920">
    <img class="video_preview" src="/assets/home/video_preview.png">
</a>
Run Code Online (Sandbox Code Playgroud)

问题是我收到The requested content cannot be loaded错误而没有任何记录错误.很明显,脚本被调用了.

这里可能会发生什么,有什么想法吗?我完全失去了.

谢谢!

JFK*_*JFK 6

你还需要两件事:

1).添加fancybox-media帮助js文件,如(检查自己的路径):

<script type="text/javascript" src="{your_path}/helpers/jquery.fancybox-media.js"></script>
Run Code Online (Sandbox Code Playgroud)

2).在脚本中添加helpers media选项:

$(".fancybox").fancybox({
    openEffect: 'none',
    closeEffect: 'none',
    padding: 0, //<-- notice I added a comma here ;)
    helpers : {
     media : {}
    }
});
Run Code Online (Sandbox Code Playgroud)