jQuery fancyBox for Soundcloud跟踪

Question

我使用jQuery fancybox http://fancyapps.com/fancybox/为soundcloud轨道在我的web应用程序，它不工作。这里是的jsfiddle http://jsfiddle.net/QNHN5/106/

的URL的SoundCloud是http://w.soundcloud.com/player/?url=https://api.soundcloud.com/tracks/53816732&show_artwork=true

它表明这个错误

The requested content cannot be loaded. 
Please try again later. 

谁能告诉我，我已经做了错误？

谢谢！

Answer 1

既然你要打开外部网站，应该的fancybox在iframe模式打开。

你要么类fancybox.iframe添加到您的选择像

<a class="fancybox fancybox.iframe" .... 

或添加type: "iframe"到您的fancybox脚本选项

$(".fancybox") 
.attr('rel', 'gallery') 
.fancybox({ 
    type: "iframe", 
    beforeShow: function() { 
     /* Disable right click */ 
     $.fancybox.wrap.bind("contextmenu", function (e) { 
       return false; 
     }); 
    } 
});​ 

Answer 2

来自Getting a "The requested content cannot be loaded" with fancy box (no errors in console though)

你只需要两两件事：

1）。添加fancybox-media助手js文件（查看您自己的路径）：

<script type="text/javascript" src="fancybox2.0.6/helpers/jquery.fancybox-media.js"></script> 

2）。佣工媒体选项添加到您的脚本：

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