Lamentablemente no me ha funcionado la respuesta de @sjj, al modificar alguna de esas dos opciones lo que hace es directamente anular esa alineación.
(Temporalmente) copio el resto del código por si alguien puede ayudarme.
Código Javascript
:
Ver originaljQuery.fn.videopopup = function (options) {
var settings = {
videoid: "",
videoplayer: "youtube",
width: "960px",
height: "540px",
autoplay: "false"
};
return this.each(function () {
if (options) {
$.extend(settings, options)
}
function centerS(cur) {
var cur = cur;
cur.css("position", "absolute");
cur.css("top", ($(window).height() - cur.height()) / 2 + $(window).scrollTop() + "px");
cur.css("left", ($(window).width() - cur.width()) / 2 + $(window).scrollLeft() + "px");
return this
}
$(this).click(function (e) {
var a = $(document).height();
var b = $(window).width();
e.preventDefault();
var popuphtml = '<div id="dvGlobalMask"></div><div id="videopopup"><div class="modalnav"></div><div id="videocontent"></div></div>';
$("body").append(popuphtml);
$("#dvGlobalMask").css({
width: b,
height: a
});
$("#dvGlobalMask").fadeTo("fast", 0.4);
$("#videopopup").css("width", settings.width);
$("#videopopup").css("height", settings.height);
centerS($("#videopopup"));
var autoplay = 0;
if (settings.autoplay == "true") {
autoplay = 1
} else {
autoplay = 0
}
youtubestr = '<iframe width="' + settings.width + '" height="' + settings.height + '" src="http://www.youtube.com/embed/' + settings.videoid + "?autoplay=" + autoplay + '&showinfo=0" frameborder="0" allowfullscreen></iframe>';
vimeostr = '<iframe src="http://player.vimeo.com/video/' + settings.videoid + "?color=008093&show_title=0&show_portrait=0&autoplay=" + autoplay + '" width="' + settings.width + '" height="' + settings.height + '" frameborder="0"></iframe>';
switch (settings.videoplayer) {
case "youtube":
$("#videocontent").html($(youtubestr));
break;
case "vimeo":
$("#videocontent").html($(vimeostr));
break
}
$("#videopopup").show();
$(".modalnav").show()
});
$(".modalnav").live("click", function () {
$("#dvGlobalMask").hide();
$("#videopopup").hide();
$(".modalnav").hide();
$('#videocontent').html('');
$(settings.videoid).hide()
})
});
return this
};
Código CSS:
Ver original#dvGlobalMask {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1100;
background-color:#3F3F3F;
}
#videopopup {
background: none repeat scroll 0 0 #FFFFFF;
box-shadow: 5px 5px 20px #000000;
display: none;
padding-bottom: 5px;
position: absolute;
z-index: 9001;
border: 15px solid #fff;
position:relative;
}
.modalnav {
cursor: pointer;
height: 30px;
width: 30px;
position:absolute;
right:-25px;
top:-25px;
background: url("../images/modal-nav-hover.png") -40px 0px;
}
.modalnav:hover {
background: url("../images/modal-nav-hover.png") -40px 0px;
Sigo creyendo que quizá lo que hace es chocar con alguna otra parte del código de la web, pero no sé qué puede ser. A ver si a alguien se le ocurre qué puede ser y podemos solucionarlo.
Lo agradecería mucho.
Un saludo.