Zmena veľkosti súboru fancybox na veľkosť videa vimeo - jquery, fancybox, vimeo

Na webovej stránke mám niekoľko miniatúr videa. Keď kliknem na jednu z nich, chcem, aby sa otvoril fantázia a prehral sa videozáznam Vimeo bez čiernych pruhov, takže pomer strán musí byť správny. Fancybox bohužiaľ nedokáže zistiť správnu šírku a výšku videa.

Napísal som nejaký kód jquery, ale v poslednom kroku som uviazol:

var $height = screen.height/2;
var $aspectRatio = 16/9; // Default aspect ratio
var $width = $aspectRatio * $height; // Default width

$("a.fancybox-media").fancybox({
openEffect  : "none",
closeEffect : "none",
width : $width,
height : $height,
autoDimensions : false,
beforeLoad : function() {
var $vimeoVideoID = jsTheme.fancybox.getVimeoId(this.href);

$.getJSON("http://www.vimeo.com/api/v2/video/" + $vimeoVideoID + ".json?callback=?", {format: "json"}, function(data) {
// Calculate aspect ratio & new width
$aspectRatio = data[0].width / data[0].height;
$width = $aspectRatio * $height;
}).done(function() {
// Resize fancybox to this width & height. Doesn"t work!
this.width = $width;
this.height = $height;
});
}
});

Môžem volať API a načítať šírku a výšku z rozhrania Vimeo API. Na základe tohto pomeru strán vypočítam novú šírku. Ale nemôžem nastaviť šírku. Aj keď tvrdo zakódujem šírku v done funkciu this.width = "3000" Aktualizácia fancyboxu sa neaktualizuje.

Ak som dal this.width = "3000" mimo vykonanej funkcie to funguje. Zdá sa, že nemôžem aktualizovať fantáziu z vykonanej funkcie. Môžem túto aktualizáciu vynútiť? Má niekto návrh?

odpovede:

Skúste to : (Najskôr získajte údaje a potom otvorte Fancybox)

var id = 132693003;
$.ajax({
dataType: "json",
url: "http://www.vimeo.com/api/v2/video/" + id + ".json?callback=?",
success: function (json) {
var w = json[0]["width"];
var h = json[0]["height"];
$.fancybox.open({
width: w,
height: h,
maxWidth: 1240,
padding: 0,
type: "iframe",
aspectRatio: true,
scrolling : "no",
href: "//player.vimeo.com/video/" + id + "?color=d50000&autoplay=1&hd=1&show_title=0&show_byline=0&show_portrait=0&fullscreen=1"
});
}
});

PS : Bez pomocníka médií Fancybox</ Em>