Question

I’m using jQuery fancybox http://fancyapps.com/fancybox/ for soundcloud tracks in my web application where it is not working. Here is the jsfiddle http://jsfiddle.net/QNHN5/106/

The soundcloud url is http://w.soundcloud.com/player/?url=https://api.soundcloud.com/tracks/53816732&show_artwork=true

It shows this error

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

Could anyone tell me the mistake I’ve done?

Thanks!

Answer 1

Since you are opening an external site, fancybox should be opened in iframe mode.

You either add the class fancybox.iframe to your selector like

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

or add type: "iframe" to your fancybox script options

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