Os ponemos todos los vídeos de la Lotería de Navidad en orden cronológico. Los primeros vídeos son difíciles de encontrar. A partir del año 1998 están todos.
El Calvo de la Lotería (1998-2005)
De 1998 hasta 2005 la agencia Publicis España se encargó de realizar los anuncios. Empezaba la era de un mito “el calvo de la lotería” del que no muchos conocen su nombre: Clive Arrindell. Hay algunas curiosidades:
Clive Arrindell nació en Trinidad y Tobago.- C. Arrindell es un intérprete de teatro al que le encanta hablar y que, sin embargo protagonizó durante 8 años el anuncio mudo de la Lotería de Navidad.
- C. Arrindell tenía contrato de hasta 2009 pero dejó de aparecer en el 2005 porque, y cito literalmente “me dijeron que mi personaje ensombrecía a la propia marca”. Su protagonismo en los anuncios eclipsaba el objetivo del anuncio: vender Lotería de Navidad. Él cree que más que ensombrecerla, el aspecto económico tenía algo que ver. Y no es de extrañar. Sigue leyendo y lo entenderás.
- C. Arrindell tenía un contrato de exclusividad que le impedía aparecer en otros proyectos audiovisuales. Por lo que públicamente solo podía aparecer en el spot anual de Loterías y Apuestas del Estado.
- Su exclusividad tenía un precio. Cobraba la friolera de 120.000 euros al año (según El Mundo en un artículo del 25 de noviembre de 2007) por hacer un único anuncio.
- Como su contrato terminaba en 2009 y en 2006 ya no protagonizó la campaña, cobró durante 4 años sin hacer nada.
- La gente que ve a Clive Arrindell por la calle, le pide que toque sus boletos como si de un santo urbano posmoderno se tratase. Reconócelo, tú lo harías también si lo vieras.
- C. Arrindell ha participado en varias películas y series como Yesterday’s Tomorrow, Dinotopía, Bellas Durmientes, The Scarlet and the Black o Turbulence, entre otras.
- El tema musical del anuncio es de Maurice Jarre, titulado “El café de los estudiantes”, incluido en la banda sonora del Doctor Zhivago.
Estos son los 8 anuncios protagonizados por Clive Arrindell:
La Diosa de la Fortuna (2006-2010)
En el año 2006 empieza a encargarse la agencia Ricardo Pérez Asociados y duraría 5 años dándole una imagen totalmente nueva a los anuncios. Cambió el protagonista, la música, dejaron de ser anuncios mudos e intentó imponer a La Diosa de la Fortuna.
" +
description +
"
"
);
}
if (inst.options.showplaybutton && TotalSoft_VG_FG_ShSlPlIc == "true" && TotalSoft_GV_FG_PT == "true") {
jQuery("#tsvg-fancy-html5-elem-data-box")
.css("display", "inline-block")
.html(
"" +
description +
"
" +
text +
"
"
);
}
if (TotalSoft_VG_FG_ShSlPlIc != "true" && TotalSoft_GV_FG_PT != "true" && TotalSoft_GV_FG_PD == "true") {
jQuery("#tsvg-fancy-html5-elem-data-box")
.css("display", "inline-block")
.html(
"" +
description +
"
" +
description +
"
The specified div ID does not exist.
");
}
inst.$elem.show();
inst.showData();
if (inst.autosliding) {
inst.slideTimeout.stop();
inst.slideTimeout.start();
}
}
);
};
inst.showWeb = function (elem) {
var winWidth = $(window).width();
var winH = window.innerHeight ? window.innerHeight : $(window).height();
var dataW = elem[ELEM_WIDTH] ? elem[ELEM_WIDTH] : winWidth;
var dataH = elem[ELEM_HEIGHT] ? elem[ELEM_HEIGHT] : winH - inst.options.navheight;
var sizeObj = inst.calcElemSize({ w: dataW, h: dataH }, false);
var tsvgRumbleCheck = elem[ELEM_HREF].indexOf('rumble.com/') > -1 ? 'sandbox="allow-scripts"' : '';
dataW = sizeObj.w;
dataH = sizeObj.h;
inst.resizeLightbox(
dataW,
dataH,
true,
function () {
inst.$loading.hide();
inst.showTitle(sizeObj.w, elem[ELEM_TITLE], elem[ELEM_DESCRIPTION]);
inst.$image.html("").show();
$("#tsvg-html5lightbox-web").html("");
inst.$elem.show();
inst.showData();
if (inst.autosliding) {
inst.slideTimeout.stop();
inst.slideTimeout.start();
}
}
);
};
inst.scrollBox = function () { };
inst.resizeWindow = function () {
if (!inst.currentElem) {
return;
}
if (!inst.options.responsive) {
return;
}
var winWidth = $(window).width();
var winH = window.innerHeight ? window.innerHeight : $(window).height();
if (inst.options.responsivebarheight) {
if (inst.options.smallscreenheight >= winH) {
inst.options.barheight = inst.options.barheightonsmallheight;
} else {
inst.options.barheight = inst.options.barheightoriginal;
}
if (inst.options.titlestyle == "bottom" && inst.options.barautoheight != "auto") {
inst.$elemData.css({ height: inst.options.barheight + "px", "max-height": inst.options.barheight + "px" });
}
}
var elemW, elemH, keepratio;
if (inst.currentElem[ELEM_TYPE] == 7 || inst.currentElem[ELEM_TYPE] == 10) {
elemW = inst.currentElem[ELEM_WIDTH] ? inst.currentElem[ELEM_WIDTH] : winWidth;
elemH = inst.currentElem[ELEM_HEIGHT] ? inst.currentElem[ELEM_HEIGHT] : winH - inst.options.navheight;
keepratio = false;
} else {
elemW = inst.currentElem[ELEM_WIDTH] ? inst.currentElem[ELEM_WIDTH] : DEFAULT_WIDTH;
elemH = inst.currentElem[ELEM_HEIGHT] ? inst.currentElem[ELEM_HEIGHT] : DEFAULT_HEIGHT;
if (inst.currentElem[ELEM_TYPE] == 0) {
keepratio = inst.options.imagekeepratio;
} else {
keepratio = true;
}
}
var sizeObj = inst.calcElemSize({ w: elemW, h: elemH }, keepratio);
var boxPos = inst.calcBoxPosition(sizeObj.w, sizeObj.h);
var boxW = boxPos[0];
var boxH = boxPos[1];
var boxT = boxPos[2];
inst.$lightboxBox.css({ "margin-top": boxT });
if (!inst.options.positionFixed) {
inst.$lightboxBox.css("margin-top", $(window).scrollTop() + inst.options.bordertopmargin);
}
if (inst.options.titlestyle == "left" || inst.options.titlestyle == "right") {
inst.$lightboxBox.css({ width: boxW, height: boxH });
} else {
inst.$lightboxBox.css({ width: boxW, height: "auto" });
inst.$elemWrap.css({ width: boxW, height: boxH });
}
if (inst.options.titlestyle == "inside") {
inst.$elemData.css({ width: sizeObj.w + "px" });
}
if (0 >= $(".tsvg-fancy-html5-nav").length ) {
return;
}
$(".tsvg-fancy-html5-nav-list").css({ "margin-left": 0 });
var $navMask = $(".tsvg-fancy-html5-nav-mask");
var $navPrev = $(".tsvg-fancy-html5-nav-prev");
var $navNext = $(".tsvg-fancy-html5-nav-next");
var winWidth = $(window).width();
if (winWidth >= inst.options.totalwidth ) {
$navMask.css({ width: inst.options.totalwidth + "px" });
$navPrev.hide();
$navNext.hide();
} else {
$navMask.css({ width: winWidth - 2 * inst.options.navbuttonwidth + "px" });
$navPrev.show();
$navNext.show();
}
};
inst.calcElemSize = function (sizeObj, keepratio) {
if (!inst.options.responsive) {
return sizeObj;
}
var winWidth = $(window).width();
winWidth = winWidth ? winWidth : $(document).width();
var winH = window.innerHeight ? window.innerHeight : $(window).height();
winH = winH ? winH : $(document).height();
if ((inst.options.titlestyle == "left" || inst.options.titlestyle == "right") && winWidth > inst.options.sidetobottomscreenwidth) {
sizeObj.w = (sizeObj.w * 100) / inst.options.imagepercentage;
}
var topmargin = inst.options.navarrowsbottomscreenwidth > $(window).width() ? inst.options.bordertopmarginsmall : inst.options.bordertopmargin;
var h0 = winH - inst.options.navheight - 2 * inst.options.bordersize - 2 * topmargin;
if (inst.options.titlestyle == "bottom") {
h0 -= inst.options.barheight;
}
if (((inst.options.titlestyle == "left" || inst.options.titlestyle == "right") && inst.options.sidetobottomscreenwidth >= winWidth ) || (inst.options.notkeepratioonsmallheight && inst.options.smallscreenheight >= winH)) {
keepratio = false;
}
if (sizeObj.h > h0) {
if (keepratio) {
sizeObj.w = Math.round((sizeObj.w * h0) / sizeObj.h);
}
sizeObj.h = h0;
}
var w0 = winWidth - 2 * inst.options.bordersize - 2 * inst.options.bordermargin;
if (
(inst.options.fullscreenmode && winWidth > inst.options.navarrowsbottomscreenwidth) ||
(((inst.options.isTouch && inst.options.navarrowsalwaysshowontouch) || inst.options.alwaysshownavarrows) && winWidth > inst.options.navarrowsbottomscreenwidth)
) {
w0 -= 64;
}
if (sizeObj.w > w0) {
if (keepratio) {
sizeObj.h = Math.round((sizeObj.h * w0) / sizeObj.w);
}
sizeObj.w = w0;
}
return sizeObj;
};
inst.showData = function () {
if (inst.$text.text().length > 0) {
inst.$elemData.show();
}
if (inst.options.titlestyle == "bottom" || inst.options.titlestyle == "inside") {
inst.$lightboxBox.css({ height: "auto" });
}
if (inst.$text.text().length > 0 && inst.options.titlestyle == "bottom") {
inst.$elemData.css({ "max-height": inst.options.barheight + "px" });
}
$("#tsvg-fancy-html5-lightbox-overlay", inst.$lightbox).css({ height: Math.max($(window).height(), $(document).height()) });
$(window).trigger("html5lightbox.lightboxopened");
};
inst.resizeLightbox = function (elemW, elemH, bAnimate, onFinish) {
inst.hideNavArrows();
var boxPos = inst.calcBoxPosition(elemW, elemH);
var boxW = boxPos[0];
var boxH = boxPos[1];
var boxT = boxPos[2];
inst.$loading.hide();
inst.$watermark.hide();
if (inst.options.curElem >= inst.options.nextElem) {
if (inst.options.onlastitem && window[inst.options.onlastitem] && typeof window[inst.options.onlastitem] == "function") {
window[inst.options.onlastitem](inst.currentElem);
}
}
if (inst.options.prevElem >= inst.options.curElem) {
if (inst.options.onfirstitem && window[inst.options.onfirstitem] && typeof window[inst.options.onfirstitem] == "function") {
window[inst.options.onfirstitem](inst.currentElem);
}
}
if (!inst.options.fullscreenmode && (!inst.options.isTouch || !inst.options.navarrowsalwaysshowontouch) && !inst.options.alwaysshownavarrows) {
inst.$elem.bind(
"mouseenter mousemove",
function () {
if ((inst.options.arrowloop && inst.options.prevElem >= 0) || (!inst.options.arrowloop && inst.options.prevElem >= 0 && inst.options.curElem > inst.options.prevElem )) {
inst.$prev.fadeIn();
}
if ((inst.options.arrowloop && inst.options.nextElem >= 0) || (!inst.options.arrowloop && inst.options.nextElem >= 0 && inst.options.nextElem > inst.options.curElem)) {
inst.$next.fadeIn();
}
}
);
inst.$elem.bind(
"mouseleave",
function () {
inst.$next.fadeOut();
inst.$prev.fadeOut();
}
);
}
inst.$lightboxBox.css({ "margin-top": boxT });
if (!inst.options.positionFixed) {
inst.$lightboxBox.css("margin-top", $(window).scrollTop() + inst.options.bordertopmargin);
}
if (inst.options.titlestyle == "left" || inst.options.titlestyle == "right") {
var speed = bAnimate ? inst.options.resizespeed : 0;
if (boxW == inst.$lightboxBox.width() && boxH == inst.$lightboxBox.height()) {
speed = 0;
}
inst.$lightboxBox.animate({ width: boxW }, speed).animate(
{ height: boxH },
speed,
function () {
inst.onAnimateFinish(onFinish);
}
);
} else {
var speed = bAnimate ? inst.options.resizespeed : 0;
if (boxW == inst.$elemWrap.width() && boxH == inst.$elemWrap.height()) {
speed = 0;
}
inst.$lightboxBox.css({ width: boxW, height: "auto", "min-width": boxW - 15 });
inst.$elemWrap.animate({ width: boxW, "min-width": boxW - 15 }, speed).animate(
{ height: boxH, "min-height": boxH - 15 },
speed,
function () {
inst.onAnimateFinish(onFinish);
}
);
}
};
inst.onAnimateFinish = function (onFinish) {
inst.$loading.show();
inst.$watermark.show();
inst.$close.show();
inst.$elem.css({ "background-color": inst.options.bgcolor });
onFinish();
};
inst.reset = function () {
if (inst.options.stamp) {
inst.$watermark.hide();
}
inst.showing = false;
inst.$image.empty();
inst.$text.empty();
inst.$error.hide();
inst.$loading.hide();
inst.$image.hide();
if (inst.options.titlestyle == "bottom" || inst.options.titlestyle == "inside") {
inst.$elemData.hide();
}
if (!inst.options.fullscreenmode) {
inst.$close.hide();
}
inst.$elem.css({ "background-color": "" });
};
inst.resetNavigation = function () {
inst.options.navheight = 0;
$(".tsvg-fancy-html5-nav").remove();
};
inst.finish = function () {
if ($("#tsvg-fancy-html5-lightbox-video", inst.$lightbox).length) {
$("#tsvg-fancy-html5-lightbox-video", inst.$lightbox).attr("src", "");
}
$("head")
.find("style")
.each(
function () {
if ($(this).data("creator") == "tsvg-fancy-html5box-html5-lightbox") {
$(this).remove();
}
}
);
inst.slideTimeout.stop();
inst.reset();
inst.resetNavigation();
inst.$lightbox.remove();
$("#tsvg-fancy-html5box-html5-lightbox").remove();
inst.showObjects();
if (inst.options.oncloselightbox && window[inst.options.oncloselightbox] && typeof window[inst.options.oncloselightbox] == "function") {
window[inst.options.oncloselightbox](inst.currentElem);
}
if (inst.onLightboxClosed && typeof inst.onLightboxClosed == "function") {
inst.onLightboxClosed(inst.currentElem);
}
};
inst.pauseSlide = function () { };
inst.playSlide = function () { };
inst.gotoSlide = function (slide) {
if (slide == -1) {
if (0 > inst.options.nextElem ) {
return;
}
inst.options.curElem = inst.options.nextElem;
} else if (slide == -2) {
if (0 > inst.options.prevElem ) {
return;
}
inst.options.curElem = inst.options.prevElem;
} else if (slide >= 0) {
inst.options.curElem = slide;
}
if (inst.autosliding) {
inst.slideTimeout.stop();
}
inst.calcNextPrevElem();
inst.reset();
inst.loadCurElem();
};
inst.enableSwipe = function () {
inst.$elem.html5lightboxTouchSwipe149383(
{
preventWebBrowser: false,
swipeLeft: function () {
inst.gotoSlide(-1);
},
swipeRight: function () {
inst.gotoSlide(-2);
},
}
);
};
inst.hideObjects = function () {
$("select, embed, object").css({ visibility: "hidden" });
};
inst.showObjects = function () {
$("select, embed, object").css({ visibility: "visible" });
};
inst.embedHTML5Video = function ($container, src, autoplay, loopvideo) {
let embedVideoPoster = (inst.options.html5videoposter && inst.options.html5videoposter.length > 0 ? "poster='" + inst.options.html5videoposter + "'" : ""),
embedVideoControls = (inst.options.nativehtml5controls && !inst.options.videohidecontrols ? " controls='controls'" : "");
$container.html(
""
);
if (!inst.options.nativehtml5controls) {
$("video", $container).data("src", src);
$("video", $container).lightboxHTML5VideoControls149383(inst.options.skinsfolder, inst, inst.options.videohidecontrols, false, inst.options.defaultvideovolume);
}
$("video", $container)
.unbind("ended")
.bind(
"ended",
function () {
$(window).trigger("html5lightbox.videofinished");
if (inst.autosliding) {
inst.gotoSlide(-1);
} else if (inst.options.autoclose) {
inst.finish();
}
}
);
};
inst.embedFlash = function ($container, src, wmode, flashVars) {
if (inst.options.flashInstalled) {
var htmlOptions = { pluginspage: "", quality: "high", allowFullScreen: "true", allowScriptAccess: "always", type: "application/x-shockwave-flash" };
htmlOptions.width = "100%";
htmlOptions.height = "100%";
htmlOptions.src = src;
htmlOptions.flashVars = $.param(flashVars);
htmlOptions.wmode = wmode;
var htmlString = "";
for (var key in htmlOptions) {
htmlString += key + "=" + htmlOptions[key] + " ";
}
$container.html("");
} else {
$container.html(
"The required Adobe Flash Player plugin is not installed
" +
"" +
"
"
);
$videoObj.after($videoControls);
$videoObj.after($videoFullscreenBg);
$videoFullscreenBg.css({ display: "none", position: "fixed", left: 0, top: 0, bottom: 0, right: 0, "z-index": 2147483647 });
$videoControls.css({ display: "block", position: "absolute", width: "100%", height: BAR_HEIGHT, left: 0, bottom: 0, right: 0, "max-width": "640px", margin: "0 auto" });
var userActivate = function () {
userActive = true;
};
$videoObj
.bind(
eClick,
function () {
userActive = true;
}
)
.hover(
function () {
userActive = true;
},
function () {
userActive = false;
}
);
if (!hidecontrols) {
setInterval(
function () {
if (userActive) {
$videoControls.show();
userActive = false;
clearTimeout(hideControlsTimerId);
hideControlsTimerId = setTimeout(
function () {
if (!$videoObj.get(0).paused) {
$videoControls.fadeOut();
}
},
5e3
);
}
},
250
);
}
$(".html5boxVideoControlsBg", $videoControls).css({ display: "block", position: "absolute", width: "100%", height: "100%", left: 0, top: 0, "background-color": "#000000", opacity: 0.7, filter: "alpha(opacity=70)" });
$(".html5boxPlayPause", $videoControls).css({ display: "block", position: "relative", width: BUTTON_SIZE + "px", height: BUTTON_SIZE + "px", margin: Math.floor((BAR_HEIGHT - BUTTON_SIZE) / 2), float: "left" });
var $videoBtnPlay = $(".html5boxPlay", $videoControls);
var $videoBtnPause = $(".html5boxPause", $videoControls);
$videoBtnPlay
.css(
{
display: "block",
position: "absolute",
top: 0,
left: 0,
width: BUTTON_SIZE + "px",
height: BUTTON_SIZE + "px",
cursor: "pointer",
"background-image": "url('" + skinFolder + "html5boxplayer_playpause.png" + "')",
"background-position": "top left",
}
)
.hover(
function () {
$(this).css({ "background-position": "bottom left" });
},
function () {
$(this).css({ "background-position": "top left" });
}
)
.bind(
eClick,
function () {
$videoObj.get(0).play();
}
);
$videoBtnPause
.css(
{
display: "none",
position: "absolute",
top: 0,
left: 0,
width: BUTTON_SIZE + "px",
height: BUTTON_SIZE + "px",
cursor: "pointer",
"background-image": "url('" + skinFolder + "html5boxplayer_playpause.png" + "')",
"background-position": "top right",
}
)
.hover(
function () {
$(this).css({ "background-position": "bottom right" });
},
function () {
$(this).css({ "background-position": "top right" });
}
)
.bind(
eClick,
function () {
$videoObj.get(0).pause();
}
);
var $videoTimeCurrent = $(".html5boxTimeCurrent", $videoControls);
var $videoTimeTotal = $(".html5boxTimeTotal", $videoControls);
var $videoSeeker = $(".html5boxSeeker", $videoControls);
var $videoSeekerPlay = $(".html5boxSeekerPlay", $videoControls);
var $videoSeekerBuffer = $(".html5boxSeekerBuffer", $videoControls);
var $videoSeekerHandler = $(".html5boxSeekerHandler", $videoControls);
$videoTimeCurrent.css(
{
display: "block",
position: "relative",
float: "left",
"line-height": BAR_HEIGHT + "px",
"font-weight": "normal",
"font-size": "12px",
margin: "0 8px",
"font-family": "Arial, Helvetica, sans-serif",
color: "#fff",
}
);
$videoTimeTotal.css(
{
display: "block",
position: "relative",
float: "right",
"line-height": BAR_HEIGHT + "px",
"font-weight": "normal",
"font-size": "12px",
margin: "0 8px",
"font-family": "Arial, Helvetica, sans-serif",
color: "#fff",
}
);
$videoSeeker
.css({ display: "block", cursor: "pointer", overflow: "hidden", position: "relative", height: "10px", "background-color": "#222", margin: Math.floor((BAR_HEIGHT - 10) / 2) + "px 4px" })
.bind(
eStart,
function (e) {
var e0 = isTouch ? e.originalEvent.touches[0] : e;
var pos = e0.pageX - $videoSeeker.offset().left;
$videoSeekerPlay.css({ width: pos });
$videoObj.get(0).currentTime = (pos * $videoObj.get(0).duration) / $videoSeeker.width();
$videoSeeker.bind(
eMove,
function (e) {
var e0 = isTouch ? e.originalEvent.touches[0] : e;
var pos = e0.pageX - $videoSeeker.offset().left;
$videoSeekerPlay.css({ width: pos });
$videoObj.get(0).currentTime = (pos * $videoObj.get(0).duration) / $videoSeeker.width();
}
);
}
)
.bind(
eCancel,
function () {
$videoSeeker.unbind(eMove);
}
);
$videoSeekerBuffer.css({ display: "block", position: "absolute", left: 0, top: 0, height: "100%", "background-color": "#444" });
$videoSeekerPlay.css({ display: "block", position: "absolute", left: 0, top: 0, height: "100%", "background-color": "#fcc500" });
if (!isIPhone && ($videoObj.get(0).requestFullscreen || $videoObj.get(0).webkitRequestFullScreen || $videoObj.get(0).mozRequestFullScreen || $videoObj.get(0).webkitEnterFullScreen || $videoObj.get(0).msRequestFullscreen)) {
var switchScreen = function (fullscreen) {
if (fullscreen) {
if ($videoObj.get(0).requestFullscreen) {
$videoObj.get(0).requestFullscreen();
} else if ($videoObj.get(0).webkitRequestFullScreen) {
$videoObj.get(0).webkitRequestFullScreen();
} else if ($videoObj.get(0).mozRequestFullScreen) {
$videoObj.get(0).mozRequestFullScreen();
} else if ($videoObj.get(0).webkitEnterFullScreen) {
$videoObj.get(0).webkitEnterFullScreen();
}
if ($videoObj.get(0).msRequestFullscreen) {
$videoObj.get(0).msRequestFullscreen();
}
} else if (document.cancelFullScreen) {
document.cancelFullScreen();
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if (document.webkitCancelFullScreen) {
document.webkitCancelFullScreen();
} else if (document.webkitExitFullscreen) {
document.webkitExitFullscreen();
} else if (document.msExitFullscreen) {
document.msExitFullscreen();
}
};
var switchScreenCSS = function (fullscreen) {
$videoControls.css({ position: fullscreen ? "fixed" : "absolute" });
var backgroundPosY = $videoFullscreen.css("background-position") ? $videoFullscreen.css("background-position").split(" ")[1] : $videoFullscreen.css("background-position-y");
$videoFullscreen.css({ "background-position": (fullscreen ? "right" : "left") + " " + backgroundPosY });
$videoFullscreenBg.css({ display: fullscreen ? "block" : "none" });
if (fullscreen) {
$(document).bind("mousemove", userActivate);
$videoControls.css({ "z-index": 2147483647 });
} else {
$(document).unbind("mousemove", userActivate);
$videoControls.css({ "z-index": "" });
}
};
document.addEventListener(
"fullscreenchange",
function () {
isFullscreen = document.fullscreen;
switchScreenCSS(document.fullscreen);
},
false
);
document.addEventListener(
"mozfullscreenchange",
function () {
isFullscreen = document.mozFullScreen;
switchScreenCSS(document.mozFullScreen);
},
false
);
document.addEventListener(
"webkitfullscreenchange",
function () {
isFullscreen = document.webkitIsFullScreen;
switchScreenCSS(document.webkitIsFullScreen);
},
false
);
$videoObj.get(0).addEventListener(
"webkitbeginfullscreen",
function () {
isFullscreen = true;
},
false
);
$videoObj.get(0).addEventListener(
"webkitendfullscreen",
function () {
isFullscreen = false;
},
false
);
$("head").append("");
var $videoFullscreen = $(".html5boxFullscreen", $videoControls);
$videoFullscreen
.css(
{
display: "block",
position: "relative",
float: "right",
width: BUTTON_SIZE + "px",
height: BUTTON_SIZE + "px",
margin: Math.floor((BAR_HEIGHT - BUTTON_SIZE) / 2),
cursor: "pointer",
"background-image": "url('" + skinFolder + "html5boxplayer_fullscreen.png" + "')",
"background-position": "left top",
}
)
.hover(
function () {
var backgroundPosX = $(this).css("background-position") ? $(this).css("background-position").split(" ")[0] : $(this).css("background-position-x");
$(this).css({ "background-position": backgroundPosX + " bottom" });
},
function () {
var backgroundPosX = $(this).css("background-position") ? $(this).css("background-position").split(" ")[0] : $(this).css("background-position-x");
$(this).css({ "background-position": backgroundPosX + " top" });
}
)
.bind(
eClick,
function () {
isFullscreen = !isFullscreen;
switchScreen(isFullscreen);
}
);
}
if (hd) {
var $videoHD = $(".html5boxHD", $videoControls);
$videoHD
.css(
{
display: "block",
position: "relative",
float: "right",
width: BUTTON_SIZE + "px",
height: BUTTON_SIZE + "px",
margin: Math.floor((BAR_HEIGHT - BUTTON_SIZE) / 2),
cursor: "pointer",
"background-image": "url('" + skinFolder + "html5boxplayer_hd.png" + "')",
"background-position": (isHd ? "right" : "left") + " center",
}
)
.bind(
eClick,
function () {
isHd = !isHd;
$(this).css({ "background-position": (isHd ? "right" : "left") + " center" });
parentInst.isHd = isHd;
var isPaused = $videoObj.get(0).isPaused;
$videoObj.get(0).setAttribute("src", (isHd ? hd : src) + "#t=" + $videoObj.get(0).currentTime);
if (!isPaused) {
$videoObj.get(0).play();
} else if (!isIPhone) {
$videoObj.get(0).pause();
}
}
);
}
$videoObj.get(0).volume = defaultvolume;
var volumeSaved = defaultvolume == 0 ? 1 : defaultvolume;
var volume = $videoObj.get(0).volume;
$videoObj.get(0).volume = volume / 2 + 0.1;
if ($videoObj.get(0).volume === volume / 2 + 0.1) {
$videoObj.get(0).volume = volume;
var $videoVolume = $(".html5boxVolume", $videoControls);
var $videoVolumeButton = $(".html5boxVolumeButton", $videoControls);
var $videoVolumeBar = $(".html5boxVolumeBar", $videoControls);
var $videoVolumeBarBg = $(".html5boxVolumeBarBg", $videoControls);
var $videoVolumeBarActive = $(".html5boxVolumeBarActive", $videoControls);
$videoVolume.css({ display: "block", position: "relative", float: "right", width: BUTTON_SIZE + "px", height: BUTTON_SIZE + "px", margin: Math.floor((BAR_HEIGHT - BUTTON_SIZE) / 2) }).hover(
function () {
clearTimeout(hideVolumeBarTimeoutId);
var volume = $videoObj.get(0).volume;
$videoVolumeBarActive.css({ height: Math.round(volume * 100) + "%" });
$videoVolumeBar.show();
},
function () {
clearTimeout(hideVolumeBarTimeoutId);
hideVolumeBarTimeoutId = setTimeout(
function () {
$videoVolumeBar.hide();
},
1e3
);
}
);
$videoVolumeButton
.css(
{
display: "block",
position: "absolute",
top: 0,
left: 0,
width: BUTTON_SIZE + "px",
height: BUTTON_SIZE + "px",
cursor: "pointer",
"background-image": "url('" + skinFolder + "html5boxplayer_volume.png" + "')",
"background-position": "top " + (volume > 0 ? "left" : "right"),
}
)
.hover(
function () {
var backgroundPosX = $(this).css("background-position") ? $(this).css("background-position").split(" ")[0] : $(this).css("background-position-x");
$(this).css({ "background-position": backgroundPosX + " bottom" });
},
function () {
var backgroundPosX = $(this).css("background-position") ? $(this).css("background-position").split(" ")[0] : $(this).css("background-position-x");
$(this).css({ "background-position": backgroundPosX + " top" });
}
)
.bind(
eClick,
function () {
var volume = $videoObj.get(0).volume;
if (volume > 0) {
volumeSaved = volume;
volume = 0;
} else {
volume = volumeSaved;
}
var backgroundPosY = $(this).css("background-position") ? $(this).css("background-position").split(" ")[1] : $(this).css("background-position-y");
$videoVolumeButton.css({ "background-position": (volume > 0 ? "left" : "right") + " " + backgroundPosY });
$videoObj.get(0).volume = volume;
$videoVolumeBarActive.css({ height: Math.round(volume * 100) + "%" });
}
);
$videoVolumeBar.css(
{
display: "none",
position: "absolute",
left: 4,
bottom: "100%",
width: 24,
height: 80,
"margin-bottom": Math.floor((BAR_HEIGHT - BUTTON_SIZE) / 2),
"background-color": "#000000",
opacity: 0.7,
filter: "alpha(opacity=70)",
}
);
$videoVolumeBarBg.css({ display: "block", position: "relative", width: 10, height: 68, margin: 7, cursor: "pointer", "background-color": "#222" });
$videoVolumeBarActive.css({ display: "block", position: "absolute", bottom: 0, left: 0, width: "100%", height: "100%", "background-color": "#fcc500" });
$videoVolumeBarBg
.bind(
eStart,
function (e) {
var e0 = isTouch ? e.originalEvent.touches[0] : e;
var vol = 1 - (e0.pageY - $videoVolumeBarBg.offset().top) / $videoVolumeBarBg.height();
vol = vol > 1 ? 1 : 0 > vol ? 0 : vol;
$videoVolumeBarActive.css({ height: Math.round(vol * 100) + "%" });
$videoVolumeButton.css({ "background-position": "left " + (vol > 0 ? "top" : "bottom") });
$videoObj.get(0).volume = vol;
$videoVolumeBarBg.bind(
eMove,
function (e) {
var e0 = isTouch ? e.originalEvent.touches[0] : e;
var vol = 1 - (e0.pageY - $videoVolumeBarBg.offset().top) / $videoVolumeBarBg.height();
vol = vol > 1 ? 1 : 0 > vol ? 0 : vol;
$videoVolumeBarActive.css({ height: Math.round(vol * 100) + "%" });
$videoVolumeButton.css({ "background-position": "left " + (vol > 0 ? "top" : "bottom") });
$videoObj.get(0).volume = vol;
}
);
}
)
.bind(
eCancel,
function () {
$videoVolumeBarBg.unbind(eMove);
}
);
}
var calcTimeFormat = function (seconds) {
var h0 = Math.floor(seconds / 3600);
var h = 10 > h0 ? "0" + h0 : h0;
var m0 = Math.floor((seconds - h0 * 3600) / 60);
var m = 10 > m0 ? "0" + m0 : m0;
var s0 = Math.floor(seconds - (h0 * 3600 + m0 * 60));
var s = 10 > s0 ? "0" + s0 : s0;
var r = m + ":" + s;
if (h0 > 0) {
r = h + ":" + r;
}
return r;
};
if (hideplaybutton) {
$videoPlay.hide();
}
if (hidecontrols) {
$videoControls.hide();
}
var onVideoPlay = function () {
if (!hideplaybutton) {
$videoPlay.hide();
}
if (!hidecontrols) {
$videoBtnPlay.hide();
$videoBtnPause.show();
}
};
var onVideoPause = function () {
if (!hideplaybutton) {
$videoPlay.show();
}
if (!hidecontrols) {
$videoControls.show();
clearTimeout(hideControlsTimerId);
$videoBtnPlay.show();
$videoBtnPause.hide();
}
};
var onVideoEnded = function () {
$(window).trigger("html5lightbox.videoended");
if (!hideplaybutton) {
$videoPlay.show();
}
if (!hidecontrols) {
$videoControls.show();
clearTimeout(hideControlsTimerId);
$videoBtnPlay.show();
$videoBtnPause.hide();
}
};
var onVideoUpdate = function () {
var curTime = $videoObj.get(0).currentTime;
if (curTime) {
$videoTimeCurrent.text(calcTimeFormat(curTime));
var duration = $videoObj.get(0).duration;
if (duration) {
$videoTimeTotal.text(calcTimeFormat(duration));
if (!sliderDragging) {
var sliderW = $videoSeeker.width();
var pos = Math.round((sliderW * curTime) / duration);
$videoSeekerPlay.css({ width: pos });
$videoSeekerHandler.css({ left: pos });
}
}
}
};
var onVideoProgress = function () {
if ($videoObj.get(0).buffered && $videoObj.get(0).buffered.length > 0 && !isNaN($videoObj.get(0).buffered.end(0)) && !isNaN($videoObj.get(0).duration)) {
var sliderW = $videoSeeker.width();
$videoSeekerBuffer.css({ width: Math.round((sliderW * $videoObj.get(0).buffered.end(0)) / $videoObj.get(0).duration) });
}
};
try {
$videoObj.bind("play", onVideoPlay);
$videoObj.bind("pause", onVideoPause);
$videoObj.bind("ended", onVideoEnded);
$videoObj.bind("timeupdate", onVideoUpdate);
$videoObj.bind("progress", onVideoProgress);
} catch (e) {
}
};
})(jQuery);
jQuery(".tsvg-html5lightbox-149383").html5lightbox149383({},'149383');
jQuery(function() {
jQuery('.tsvg-section-149383').fadeIn();
var tsvgFancyHoverInverse149383 = 'Default';
tsvgFancyHoverInverse149383 = tsvgFancyHoverInverse149383 == 'Default' ? false : true;
jQuery('.tsvg-fancy-blocks-list-149383 > li').each(function() {
jQuery(this).hoverdir({hoverDelay: 50, inverse:tsvgFancyHoverInverse149383});
});
});
clearInterval(tsvgFancyInterval149383);
}
},
tsvgFancyReference149383 = (
function tsvgFancySameCall149383() {
tsvgFancyInterval149383 = setInterval(tsvgFancyIntervalFunction149383, 1000);
return tsvgFancySameCall149383;
}()
);
" +
"" +
"" +
"
" +
"--:--
" +
"" +
"" +
"" +
"" +
"
" +
"" +
"
" +
"" +
"" +
"
" +
"--:--
" +
"" +
"" +
"" +
"" +
"
" +
"" +
"- '+load_text+'
La Fábrica de los sueños (2011-2012)
Terminada la etapa de Ricardo Pérez Asociados empezó la de la agencia Grey España y su doble trabajo de la fábrica de sueños, el primero protagonizado por niños (como durante el sorteo) y el segundo por adultos rodado en Madrid.
" +
description +
"
"
);
}
if (inst.options.showplaybutton && TotalSoft_VG_FG_ShSlPlIc == "true" && TotalSoft_GV_FG_PT == "true") {
jQuery("#tsvg-fancy-html5-elem-data-box")
.css("display", "inline-block")
.html(
"" +
description +
"
" +
text +
"
"
);
}
if (TotalSoft_VG_FG_ShSlPlIc != "true" && TotalSoft_GV_FG_PT != "true" && TotalSoft_GV_FG_PD == "true") {
jQuery("#tsvg-fancy-html5-elem-data-box")
.css("display", "inline-block")
.html(
"" +
description +
"
" +
description +
"
The specified div ID does not exist.
");
}
inst.$elem.show();
inst.showData();
if (inst.autosliding) {
inst.slideTimeout.stop();
inst.slideTimeout.start();
}
}
);
};
inst.showWeb = function (elem) {
var winWidth = $(window).width();
var winH = window.innerHeight ? window.innerHeight : $(window).height();
var dataW = elem[ELEM_WIDTH] ? elem[ELEM_WIDTH] : winWidth;
var dataH = elem[ELEM_HEIGHT] ? elem[ELEM_HEIGHT] : winH - inst.options.navheight;
var sizeObj = inst.calcElemSize({ w: dataW, h: dataH }, false);
var tsvgRumbleCheck = elem[ELEM_HREF].indexOf('rumble.com/') > -1 ? 'sandbox="allow-scripts"' : '';
dataW = sizeObj.w;
dataH = sizeObj.h;
inst.resizeLightbox(
dataW,
dataH,
true,
function () {
inst.$loading.hide();
inst.showTitle(sizeObj.w, elem[ELEM_TITLE], elem[ELEM_DESCRIPTION]);
inst.$image.html("").show();
$("#tsvg-html5lightbox-web").html("");
inst.$elem.show();
inst.showData();
if (inst.autosliding) {
inst.slideTimeout.stop();
inst.slideTimeout.start();
}
}
);
};
inst.scrollBox = function () { };
inst.resizeWindow = function () {
if (!inst.currentElem) {
return;
}
if (!inst.options.responsive) {
return;
}
var winWidth = $(window).width();
var winH = window.innerHeight ? window.innerHeight : $(window).height();
if (inst.options.responsivebarheight) {
if (inst.options.smallscreenheight >= winH) {
inst.options.barheight = inst.options.barheightonsmallheight;
} else {
inst.options.barheight = inst.options.barheightoriginal;
}
if (inst.options.titlestyle == "bottom" && inst.options.barautoheight != "auto") {
inst.$elemData.css({ height: inst.options.barheight + "px", "max-height": inst.options.barheight + "px" });
}
}
var elemW, elemH, keepratio;
if (inst.currentElem[ELEM_TYPE] == 7 || inst.currentElem[ELEM_TYPE] == 10) {
elemW = inst.currentElem[ELEM_WIDTH] ? inst.currentElem[ELEM_WIDTH] : winWidth;
elemH = inst.currentElem[ELEM_HEIGHT] ? inst.currentElem[ELEM_HEIGHT] : winH - inst.options.navheight;
keepratio = false;
} else {
elemW = inst.currentElem[ELEM_WIDTH] ? inst.currentElem[ELEM_WIDTH] : DEFAULT_WIDTH;
elemH = inst.currentElem[ELEM_HEIGHT] ? inst.currentElem[ELEM_HEIGHT] : DEFAULT_HEIGHT;
if (inst.currentElem[ELEM_TYPE] == 0) {
keepratio = inst.options.imagekeepratio;
} else {
keepratio = true;
}
}
var sizeObj = inst.calcElemSize({ w: elemW, h: elemH }, keepratio);
var boxPos = inst.calcBoxPosition(sizeObj.w, sizeObj.h);
var boxW = boxPos[0];
var boxH = boxPos[1];
var boxT = boxPos[2];
inst.$lightboxBox.css({ "margin-top": boxT });
if (!inst.options.positionFixed) {
inst.$lightboxBox.css("margin-top", $(window).scrollTop() + inst.options.bordertopmargin);
}
if (inst.options.titlestyle == "left" || inst.options.titlestyle == "right") {
inst.$lightboxBox.css({ width: boxW, height: boxH });
} else {
inst.$lightboxBox.css({ width: boxW, height: "auto" });
inst.$elemWrap.css({ width: boxW, height: boxH });
}
if (inst.options.titlestyle == "inside") {
inst.$elemData.css({ width: sizeObj.w + "px" });
}
if (0 >= $(".tsvg-fancy-html5-nav").length ) {
return;
}
$(".tsvg-fancy-html5-nav-list").css({ "margin-left": 0 });
var $navMask = $(".tsvg-fancy-html5-nav-mask");
var $navPrev = $(".tsvg-fancy-html5-nav-prev");
var $navNext = $(".tsvg-fancy-html5-nav-next");
var winWidth = $(window).width();
if (winWidth >= inst.options.totalwidth ) {
$navMask.css({ width: inst.options.totalwidth + "px" });
$navPrev.hide();
$navNext.hide();
} else {
$navMask.css({ width: winWidth - 2 * inst.options.navbuttonwidth + "px" });
$navPrev.show();
$navNext.show();
}
};
inst.calcElemSize = function (sizeObj, keepratio) {
if (!inst.options.responsive) {
return sizeObj;
}
var winWidth = $(window).width();
winWidth = winWidth ? winWidth : $(document).width();
var winH = window.innerHeight ? window.innerHeight : $(window).height();
winH = winH ? winH : $(document).height();
if ((inst.options.titlestyle == "left" || inst.options.titlestyle == "right") && winWidth > inst.options.sidetobottomscreenwidth) {
sizeObj.w = (sizeObj.w * 100) / inst.options.imagepercentage;
}
var topmargin = inst.options.navarrowsbottomscreenwidth > $(window).width() ? inst.options.bordertopmarginsmall : inst.options.bordertopmargin;
var h0 = winH - inst.options.navheight - 2 * inst.options.bordersize - 2 * topmargin;
if (inst.options.titlestyle == "bottom") {
h0 -= inst.options.barheight;
}
if (((inst.options.titlestyle == "left" || inst.options.titlestyle == "right") && inst.options.sidetobottomscreenwidth >= winWidth ) || (inst.options.notkeepratioonsmallheight && inst.options.smallscreenheight >= winH)) {
keepratio = false;
}
if (sizeObj.h > h0) {
if (keepratio) {
sizeObj.w = Math.round((sizeObj.w * h0) / sizeObj.h);
}
sizeObj.h = h0;
}
var w0 = winWidth - 2 * inst.options.bordersize - 2 * inst.options.bordermargin;
if (
(inst.options.fullscreenmode && winWidth > inst.options.navarrowsbottomscreenwidth) ||
(((inst.options.isTouch && inst.options.navarrowsalwaysshowontouch) || inst.options.alwaysshownavarrows) && winWidth > inst.options.navarrowsbottomscreenwidth)
) {
w0 -= 64;
}
if (sizeObj.w > w0) {
if (keepratio) {
sizeObj.h = Math.round((sizeObj.h * w0) / sizeObj.w);
}
sizeObj.w = w0;
}
return sizeObj;
};
inst.showData = function () {
if (inst.$text.text().length > 0) {
inst.$elemData.show();
}
if (inst.options.titlestyle == "bottom" || inst.options.titlestyle == "inside") {
inst.$lightboxBox.css({ height: "auto" });
}
if (inst.$text.text().length > 0 && inst.options.titlestyle == "bottom") {
inst.$elemData.css({ "max-height": inst.options.barheight + "px" });
}
$("#tsvg-fancy-html5-lightbox-overlay", inst.$lightbox).css({ height: Math.max($(window).height(), $(document).height()) });
$(window).trigger("html5lightbox.lightboxopened");
};
inst.resizeLightbox = function (elemW, elemH, bAnimate, onFinish) {
inst.hideNavArrows();
var boxPos = inst.calcBoxPosition(elemW, elemH);
var boxW = boxPos[0];
var boxH = boxPos[1];
var boxT = boxPos[2];
inst.$loading.hide();
inst.$watermark.hide();
if (inst.options.curElem >= inst.options.nextElem) {
if (inst.options.onlastitem && window[inst.options.onlastitem] && typeof window[inst.options.onlastitem] == "function") {
window[inst.options.onlastitem](inst.currentElem);
}
}
if (inst.options.prevElem >= inst.options.curElem) {
if (inst.options.onfirstitem && window[inst.options.onfirstitem] && typeof window[inst.options.onfirstitem] == "function") {
window[inst.options.onfirstitem](inst.currentElem);
}
}
if (!inst.options.fullscreenmode && (!inst.options.isTouch || !inst.options.navarrowsalwaysshowontouch) && !inst.options.alwaysshownavarrows) {
inst.$elem.bind(
"mouseenter mousemove",
function () {
if ((inst.options.arrowloop && inst.options.prevElem >= 0) || (!inst.options.arrowloop && inst.options.prevElem >= 0 && inst.options.curElem > inst.options.prevElem )) {
inst.$prev.fadeIn();
}
if ((inst.options.arrowloop && inst.options.nextElem >= 0) || (!inst.options.arrowloop && inst.options.nextElem >= 0 && inst.options.nextElem > inst.options.curElem)) {
inst.$next.fadeIn();
}
}
);
inst.$elem.bind(
"mouseleave",
function () {
inst.$next.fadeOut();
inst.$prev.fadeOut();
}
);
}
inst.$lightboxBox.css({ "margin-top": boxT });
if (!inst.options.positionFixed) {
inst.$lightboxBox.css("margin-top", $(window).scrollTop() + inst.options.bordertopmargin);
}
if (inst.options.titlestyle == "left" || inst.options.titlestyle == "right") {
var speed = bAnimate ? inst.options.resizespeed : 0;
if (boxW == inst.$lightboxBox.width() && boxH == inst.$lightboxBox.height()) {
speed = 0;
}
inst.$lightboxBox.animate({ width: boxW }, speed).animate(
{ height: boxH },
speed,
function () {
inst.onAnimateFinish(onFinish);
}
);
} else {
var speed = bAnimate ? inst.options.resizespeed : 0;
if (boxW == inst.$elemWrap.width() && boxH == inst.$elemWrap.height()) {
speed = 0;
}
inst.$lightboxBox.css({ width: boxW, height: "auto", "min-width": boxW - 15 });
inst.$elemWrap.animate({ width: boxW, "min-width": boxW - 15 }, speed).animate(
{ height: boxH, "min-height": boxH - 15 },
speed,
function () {
inst.onAnimateFinish(onFinish);
}
);
}
};
inst.onAnimateFinish = function (onFinish) {
inst.$loading.show();
inst.$watermark.show();
inst.$close.show();
inst.$elem.css({ "background-color": inst.options.bgcolor });
onFinish();
};
inst.reset = function () {
if (inst.options.stamp) {
inst.$watermark.hide();
}
inst.showing = false;
inst.$image.empty();
inst.$text.empty();
inst.$error.hide();
inst.$loading.hide();
inst.$image.hide();
if (inst.options.titlestyle == "bottom" || inst.options.titlestyle == "inside") {
inst.$elemData.hide();
}
if (!inst.options.fullscreenmode) {
inst.$close.hide();
}
inst.$elem.css({ "background-color": "" });
};
inst.resetNavigation = function () {
inst.options.navheight = 0;
$(".tsvg-fancy-html5-nav").remove();
};
inst.finish = function () {
if ($("#tsvg-fancy-html5-lightbox-video", inst.$lightbox).length) {
$("#tsvg-fancy-html5-lightbox-video", inst.$lightbox).attr("src", "");
}
$("head")
.find("style")
.each(
function () {
if ($(this).data("creator") == "tsvg-fancy-html5box-html5-lightbox") {
$(this).remove();
}
}
);
inst.slideTimeout.stop();
inst.reset();
inst.resetNavigation();
inst.$lightbox.remove();
$("#tsvg-fancy-html5box-html5-lightbox").remove();
inst.showObjects();
if (inst.options.oncloselightbox && window[inst.options.oncloselightbox] && typeof window[inst.options.oncloselightbox] == "function") {
window[inst.options.oncloselightbox](inst.currentElem);
}
if (inst.onLightboxClosed && typeof inst.onLightboxClosed == "function") {
inst.onLightboxClosed(inst.currentElem);
}
};
inst.pauseSlide = function () { };
inst.playSlide = function () { };
inst.gotoSlide = function (slide) {
if (slide == -1) {
if (0 > inst.options.nextElem ) {
return;
}
inst.options.curElem = inst.options.nextElem;
} else if (slide == -2) {
if (0 > inst.options.prevElem ) {
return;
}
inst.options.curElem = inst.options.prevElem;
} else if (slide >= 0) {
inst.options.curElem = slide;
}
if (inst.autosliding) {
inst.slideTimeout.stop();
}
inst.calcNextPrevElem();
inst.reset();
inst.loadCurElem();
};
inst.enableSwipe = function () {
inst.$elem.html5lightboxTouchSwipe593554(
{
preventWebBrowser: false,
swipeLeft: function () {
inst.gotoSlide(-1);
},
swipeRight: function () {
inst.gotoSlide(-2);
},
}
);
};
inst.hideObjects = function () {
$("select, embed, object").css({ visibility: "hidden" });
};
inst.showObjects = function () {
$("select, embed, object").css({ visibility: "visible" });
};
inst.embedHTML5Video = function ($container, src, autoplay, loopvideo) {
let embedVideoPoster = (inst.options.html5videoposter && inst.options.html5videoposter.length > 0 ? "poster='" + inst.options.html5videoposter + "'" : ""),
embedVideoControls = (inst.options.nativehtml5controls && !inst.options.videohidecontrols ? " controls='controls'" : "");
$container.html(
""
);
if (!inst.options.nativehtml5controls) {
$("video", $container).data("src", src);
$("video", $container).lightboxHTML5VideoControls593554(inst.options.skinsfolder, inst, inst.options.videohidecontrols, false, inst.options.defaultvideovolume);
}
$("video", $container)
.unbind("ended")
.bind(
"ended",
function () {
$(window).trigger("html5lightbox.videofinished");
if (inst.autosliding) {
inst.gotoSlide(-1);
} else if (inst.options.autoclose) {
inst.finish();
}
}
);
};
inst.embedFlash = function ($container, src, wmode, flashVars) {
if (inst.options.flashInstalled) {
var htmlOptions = { pluginspage: "", quality: "high", allowFullScreen: "true", allowScriptAccess: "always", type: "application/x-shockwave-flash" };
htmlOptions.width = "100%";
htmlOptions.height = "100%";
htmlOptions.src = src;
htmlOptions.flashVars = $.param(flashVars);
htmlOptions.wmode = wmode;
var htmlString = "";
for (var key in htmlOptions) {
htmlString += key + "=" + htmlOptions[key] + " ";
}
$container.html("");
} else {
$container.html(
"The required Adobe Flash Player plugin is not installed
" +
"" +
"
"
);
$videoObj.after($videoControls);
$videoObj.after($videoFullscreenBg);
$videoFullscreenBg.css({ display: "none", position: "fixed", left: 0, top: 0, bottom: 0, right: 0, "z-index": 2147483647 });
$videoControls.css({ display: "block", position: "absolute", width: "100%", height: BAR_HEIGHT, left: 0, bottom: 0, right: 0, "max-width": "640px", margin: "0 auto" });
var userActivate = function () {
userActive = true;
};
$videoObj
.bind(
eClick,
function () {
userActive = true;
}
)
.hover(
function () {
userActive = true;
},
function () {
userActive = false;
}
);
if (!hidecontrols) {
setInterval(
function () {
if (userActive) {
$videoControls.show();
userActive = false;
clearTimeout(hideControlsTimerId);
hideControlsTimerId = setTimeout(
function () {
if (!$videoObj.get(0).paused) {
$videoControls.fadeOut();
}
},
5e3
);
}
},
250
);
}
$(".html5boxVideoControlsBg", $videoControls).css({ display: "block", position: "absolute", width: "100%", height: "100%", left: 0, top: 0, "background-color": "#000000", opacity: 0.7, filter: "alpha(opacity=70)" });
$(".html5boxPlayPause", $videoControls).css({ display: "block", position: "relative", width: BUTTON_SIZE + "px", height: BUTTON_SIZE + "px", margin: Math.floor((BAR_HEIGHT - BUTTON_SIZE) / 2), float: "left" });
var $videoBtnPlay = $(".html5boxPlay", $videoControls);
var $videoBtnPause = $(".html5boxPause", $videoControls);
$videoBtnPlay
.css(
{
display: "block",
position: "absolute",
top: 0,
left: 0,
width: BUTTON_SIZE + "px",
height: BUTTON_SIZE + "px",
cursor: "pointer",
"background-image": "url('" + skinFolder + "html5boxplayer_playpause.png" + "')",
"background-position": "top left",
}
)
.hover(
function () {
$(this).css({ "background-position": "bottom left" });
},
function () {
$(this).css({ "background-position": "top left" });
}
)
.bind(
eClick,
function () {
$videoObj.get(0).play();
}
);
$videoBtnPause
.css(
{
display: "none",
position: "absolute",
top: 0,
left: 0,
width: BUTTON_SIZE + "px",
height: BUTTON_SIZE + "px",
cursor: "pointer",
"background-image": "url('" + skinFolder + "html5boxplayer_playpause.png" + "')",
"background-position": "top right",
}
)
.hover(
function () {
$(this).css({ "background-position": "bottom right" });
},
function () {
$(this).css({ "background-position": "top right" });
}
)
.bind(
eClick,
function () {
$videoObj.get(0).pause();
}
);
var $videoTimeCurrent = $(".html5boxTimeCurrent", $videoControls);
var $videoTimeTotal = $(".html5boxTimeTotal", $videoControls);
var $videoSeeker = $(".html5boxSeeker", $videoControls);
var $videoSeekerPlay = $(".html5boxSeekerPlay", $videoControls);
var $videoSeekerBuffer = $(".html5boxSeekerBuffer", $videoControls);
var $videoSeekerHandler = $(".html5boxSeekerHandler", $videoControls);
$videoTimeCurrent.css(
{
display: "block",
position: "relative",
float: "left",
"line-height": BAR_HEIGHT + "px",
"font-weight": "normal",
"font-size": "12px",
margin: "0 8px",
"font-family": "Arial, Helvetica, sans-serif",
color: "#fff",
}
);
$videoTimeTotal.css(
{
display: "block",
position: "relative",
float: "right",
"line-height": BAR_HEIGHT + "px",
"font-weight": "normal",
"font-size": "12px",
margin: "0 8px",
"font-family": "Arial, Helvetica, sans-serif",
color: "#fff",
}
);
$videoSeeker
.css({ display: "block", cursor: "pointer", overflow: "hidden", position: "relative", height: "10px", "background-color": "#222", margin: Math.floor((BAR_HEIGHT - 10) / 2) + "px 4px" })
.bind(
eStart,
function (e) {
var e0 = isTouch ? e.originalEvent.touches[0] : e;
var pos = e0.pageX - $videoSeeker.offset().left;
$videoSeekerPlay.css({ width: pos });
$videoObj.get(0).currentTime = (pos * $videoObj.get(0).duration) / $videoSeeker.width();
$videoSeeker.bind(
eMove,
function (e) {
var e0 = isTouch ? e.originalEvent.touches[0] : e;
var pos = e0.pageX - $videoSeeker.offset().left;
$videoSeekerPlay.css({ width: pos });
$videoObj.get(0).currentTime = (pos * $videoObj.get(0).duration) / $videoSeeker.width();
}
);
}
)
.bind(
eCancel,
function () {
$videoSeeker.unbind(eMove);
}
);
$videoSeekerBuffer.css({ display: "block", position: "absolute", left: 0, top: 0, height: "100%", "background-color": "#444" });
$videoSeekerPlay.css({ display: "block", position: "absolute", left: 0, top: 0, height: "100%", "background-color": "#fcc500" });
if (!isIPhone && ($videoObj.get(0).requestFullscreen || $videoObj.get(0).webkitRequestFullScreen || $videoObj.get(0).mozRequestFullScreen || $videoObj.get(0).webkitEnterFullScreen || $videoObj.get(0).msRequestFullscreen)) {
var switchScreen = function (fullscreen) {
if (fullscreen) {
if ($videoObj.get(0).requestFullscreen) {
$videoObj.get(0).requestFullscreen();
} else if ($videoObj.get(0).webkitRequestFullScreen) {
$videoObj.get(0).webkitRequestFullScreen();
} else if ($videoObj.get(0).mozRequestFullScreen) {
$videoObj.get(0).mozRequestFullScreen();
} else if ($videoObj.get(0).webkitEnterFullScreen) {
$videoObj.get(0).webkitEnterFullScreen();
}
if ($videoObj.get(0).msRequestFullscreen) {
$videoObj.get(0).msRequestFullscreen();
}
} else if (document.cancelFullScreen) {
document.cancelFullScreen();
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if (document.webkitCancelFullScreen) {
document.webkitCancelFullScreen();
} else if (document.webkitExitFullscreen) {
document.webkitExitFullscreen();
} else if (document.msExitFullscreen) {
document.msExitFullscreen();
}
};
var switchScreenCSS = function (fullscreen) {
$videoControls.css({ position: fullscreen ? "fixed" : "absolute" });
var backgroundPosY = $videoFullscreen.css("background-position") ? $videoFullscreen.css("background-position").split(" ")[1] : $videoFullscreen.css("background-position-y");
$videoFullscreen.css({ "background-position": (fullscreen ? "right" : "left") + " " + backgroundPosY });
$videoFullscreenBg.css({ display: fullscreen ? "block" : "none" });
if (fullscreen) {
$(document).bind("mousemove", userActivate);
$videoControls.css({ "z-index": 2147483647 });
} else {
$(document).unbind("mousemove", userActivate);
$videoControls.css({ "z-index": "" });
}
};
document.addEventListener(
"fullscreenchange",
function () {
isFullscreen = document.fullscreen;
switchScreenCSS(document.fullscreen);
},
false
);
document.addEventListener(
"mozfullscreenchange",
function () {
isFullscreen = document.mozFullScreen;
switchScreenCSS(document.mozFullScreen);
},
false
);
document.addEventListener(
"webkitfullscreenchange",
function () {
isFullscreen = document.webkitIsFullScreen;
switchScreenCSS(document.webkitIsFullScreen);
},
false
);
$videoObj.get(0).addEventListener(
"webkitbeginfullscreen",
function () {
isFullscreen = true;
},
false
);
$videoObj.get(0).addEventListener(
"webkitendfullscreen",
function () {
isFullscreen = false;
},
false
);
$("head").append("");
var $videoFullscreen = $(".html5boxFullscreen", $videoControls);
$videoFullscreen
.css(
{
display: "block",
position: "relative",
float: "right",
width: BUTTON_SIZE + "px",
height: BUTTON_SIZE + "px",
margin: Math.floor((BAR_HEIGHT - BUTTON_SIZE) / 2),
cursor: "pointer",
"background-image": "url('" + skinFolder + "html5boxplayer_fullscreen.png" + "')",
"background-position": "left top",
}
)
.hover(
function () {
var backgroundPosX = $(this).css("background-position") ? $(this).css("background-position").split(" ")[0] : $(this).css("background-position-x");
$(this).css({ "background-position": backgroundPosX + " bottom" });
},
function () {
var backgroundPosX = $(this).css("background-position") ? $(this).css("background-position").split(" ")[0] : $(this).css("background-position-x");
$(this).css({ "background-position": backgroundPosX + " top" });
}
)
.bind(
eClick,
function () {
isFullscreen = !isFullscreen;
switchScreen(isFullscreen);
}
);
}
if (hd) {
var $videoHD = $(".html5boxHD", $videoControls);
$videoHD
.css(
{
display: "block",
position: "relative",
float: "right",
width: BUTTON_SIZE + "px",
height: BUTTON_SIZE + "px",
margin: Math.floor((BAR_HEIGHT - BUTTON_SIZE) / 2),
cursor: "pointer",
"background-image": "url('" + skinFolder + "html5boxplayer_hd.png" + "')",
"background-position": (isHd ? "right" : "left") + " center",
}
)
.bind(
eClick,
function () {
isHd = !isHd;
$(this).css({ "background-position": (isHd ? "right" : "left") + " center" });
parentInst.isHd = isHd;
var isPaused = $videoObj.get(0).isPaused;
$videoObj.get(0).setAttribute("src", (isHd ? hd : src) + "#t=" + $videoObj.get(0).currentTime);
if (!isPaused) {
$videoObj.get(0).play();
} else if (!isIPhone) {
$videoObj.get(0).pause();
}
}
);
}
$videoObj.get(0).volume = defaultvolume;
var volumeSaved = defaultvolume == 0 ? 1 : defaultvolume;
var volume = $videoObj.get(0).volume;
$videoObj.get(0).volume = volume / 2 + 0.1;
if ($videoObj.get(0).volume === volume / 2 + 0.1) {
$videoObj.get(0).volume = volume;
var $videoVolume = $(".html5boxVolume", $videoControls);
var $videoVolumeButton = $(".html5boxVolumeButton", $videoControls);
var $videoVolumeBar = $(".html5boxVolumeBar", $videoControls);
var $videoVolumeBarBg = $(".html5boxVolumeBarBg", $videoControls);
var $videoVolumeBarActive = $(".html5boxVolumeBarActive", $videoControls);
$videoVolume.css({ display: "block", position: "relative", float: "right", width: BUTTON_SIZE + "px", height: BUTTON_SIZE + "px", margin: Math.floor((BAR_HEIGHT - BUTTON_SIZE) / 2) }).hover(
function () {
clearTimeout(hideVolumeBarTimeoutId);
var volume = $videoObj.get(0).volume;
$videoVolumeBarActive.css({ height: Math.round(volume * 100) + "%" });
$videoVolumeBar.show();
},
function () {
clearTimeout(hideVolumeBarTimeoutId);
hideVolumeBarTimeoutId = setTimeout(
function () {
$videoVolumeBar.hide();
},
1e3
);
}
);
$videoVolumeButton
.css(
{
display: "block",
position: "absolute",
top: 0,
left: 0,
width: BUTTON_SIZE + "px",
height: BUTTON_SIZE + "px",
cursor: "pointer",
"background-image": "url('" + skinFolder + "html5boxplayer_volume.png" + "')",
"background-position": "top " + (volume > 0 ? "left" : "right"),
}
)
.hover(
function () {
var backgroundPosX = $(this).css("background-position") ? $(this).css("background-position").split(" ")[0] : $(this).css("background-position-x");
$(this).css({ "background-position": backgroundPosX + " bottom" });
},
function () {
var backgroundPosX = $(this).css("background-position") ? $(this).css("background-position").split(" ")[0] : $(this).css("background-position-x");
$(this).css({ "background-position": backgroundPosX + " top" });
}
)
.bind(
eClick,
function () {
var volume = $videoObj.get(0).volume;
if (volume > 0) {
volumeSaved = volume;
volume = 0;
} else {
volume = volumeSaved;
}
var backgroundPosY = $(this).css("background-position") ? $(this).css("background-position").split(" ")[1] : $(this).css("background-position-y");
$videoVolumeButton.css({ "background-position": (volume > 0 ? "left" : "right") + " " + backgroundPosY });
$videoObj.get(0).volume = volume;
$videoVolumeBarActive.css({ height: Math.round(volume * 100) + "%" });
}
);
$videoVolumeBar.css(
{
display: "none",
position: "absolute",
left: 4,
bottom: "100%",
width: 24,
height: 80,
"margin-bottom": Math.floor((BAR_HEIGHT - BUTTON_SIZE) / 2),
"background-color": "#000000",
opacity: 0.7,
filter: "alpha(opacity=70)",
}
);
$videoVolumeBarBg.css({ display: "block", position: "relative", width: 10, height: 68, margin: 7, cursor: "pointer", "background-color": "#222" });
$videoVolumeBarActive.css({ display: "block", position: "absolute", bottom: 0, left: 0, width: "100%", height: "100%", "background-color": "#fcc500" });
$videoVolumeBarBg
.bind(
eStart,
function (e) {
var e0 = isTouch ? e.originalEvent.touches[0] : e;
var vol = 1 - (e0.pageY - $videoVolumeBarBg.offset().top) / $videoVolumeBarBg.height();
vol = vol > 1 ? 1 : 0 > vol ? 0 : vol;
$videoVolumeBarActive.css({ height: Math.round(vol * 100) + "%" });
$videoVolumeButton.css({ "background-position": "left " + (vol > 0 ? "top" : "bottom") });
$videoObj.get(0).volume = vol;
$videoVolumeBarBg.bind(
eMove,
function (e) {
var e0 = isTouch ? e.originalEvent.touches[0] : e;
var vol = 1 - (e0.pageY - $videoVolumeBarBg.offset().top) / $videoVolumeBarBg.height();
vol = vol > 1 ? 1 : 0 > vol ? 0 : vol;
$videoVolumeBarActive.css({ height: Math.round(vol * 100) + "%" });
$videoVolumeButton.css({ "background-position": "left " + (vol > 0 ? "top" : "bottom") });
$videoObj.get(0).volume = vol;
}
);
}
)
.bind(
eCancel,
function () {
$videoVolumeBarBg.unbind(eMove);
}
);
}
var calcTimeFormat = function (seconds) {
var h0 = Math.floor(seconds / 3600);
var h = 10 > h0 ? "0" + h0 : h0;
var m0 = Math.floor((seconds - h0 * 3600) / 60);
var m = 10 > m0 ? "0" + m0 : m0;
var s0 = Math.floor(seconds - (h0 * 3600 + m0 * 60));
var s = 10 > s0 ? "0" + s0 : s0;
var r = m + ":" + s;
if (h0 > 0) {
r = h + ":" + r;
}
return r;
};
if (hideplaybutton) {
$videoPlay.hide();
}
if (hidecontrols) {
$videoControls.hide();
}
var onVideoPlay = function () {
if (!hideplaybutton) {
$videoPlay.hide();
}
if (!hidecontrols) {
$videoBtnPlay.hide();
$videoBtnPause.show();
}
};
var onVideoPause = function () {
if (!hideplaybutton) {
$videoPlay.show();
}
if (!hidecontrols) {
$videoControls.show();
clearTimeout(hideControlsTimerId);
$videoBtnPlay.show();
$videoBtnPause.hide();
}
};
var onVideoEnded = function () {
$(window).trigger("html5lightbox.videoended");
if (!hideplaybutton) {
$videoPlay.show();
}
if (!hidecontrols) {
$videoControls.show();
clearTimeout(hideControlsTimerId);
$videoBtnPlay.show();
$videoBtnPause.hide();
}
};
var onVideoUpdate = function () {
var curTime = $videoObj.get(0).currentTime;
if (curTime) {
$videoTimeCurrent.text(calcTimeFormat(curTime));
var duration = $videoObj.get(0).duration;
if (duration) {
$videoTimeTotal.text(calcTimeFormat(duration));
if (!sliderDragging) {
var sliderW = $videoSeeker.width();
var pos = Math.round((sliderW * curTime) / duration);
$videoSeekerPlay.css({ width: pos });
$videoSeekerHandler.css({ left: pos });
}
}
}
};
var onVideoProgress = function () {
if ($videoObj.get(0).buffered && $videoObj.get(0).buffered.length > 0 && !isNaN($videoObj.get(0).buffered.end(0)) && !isNaN($videoObj.get(0).duration)) {
var sliderW = $videoSeeker.width();
$videoSeekerBuffer.css({ width: Math.round((sliderW * $videoObj.get(0).buffered.end(0)) / $videoObj.get(0).duration) });
}
};
try {
$videoObj.bind("play", onVideoPlay);
$videoObj.bind("pause", onVideoPause);
$videoObj.bind("ended", onVideoEnded);
$videoObj.bind("timeupdate", onVideoUpdate);
$videoObj.bind("progress", onVideoProgress);
} catch (e) {
}
};
})(jQuery);
jQuery(".tsvg-html5lightbox-593554").html5lightbox593554({},'593554');
jQuery(function() {
jQuery('.tsvg-section-593554').fadeIn();
var tsvgFancyHoverInverse593554 = 'Default';
tsvgFancyHoverInverse593554 = tsvgFancyHoverInverse593554 == 'Default' ? false : true;
jQuery('.tsvg-fancy-blocks-list-593554 > li').each(function() {
jQuery(this).hoverdir({hoverDelay: 50, inverse:tsvgFancyHoverInverse593554});
});
});
clearInterval(tsvgFancyInterval593554);
}
},
tsvgFancyReference593554 = (
function tsvgFancySameCall593554() {
tsvgFancyInterval593554 = setInterval(tsvgFancyIntervalFunction593554, 1000);
return tsvgFancySameCall593554;
}()
);
" +
"" +
"" +
"
" +
"--:--
" +
"" +
"" +
"" +
"" +
"
" +
"" +
"
" +
"" +
"" +
"
" +
"--:--
" +
"" +
"" +
"" +
"" +
"
" +
"" +
"- '+load_text+'
Pon tus sueños a jugar (2013)
Y llegamos al año más polémico de todos. En anuncio del 2013 fue dirigido por Pablo Berger con la agencia Tactics y protagonizado por Montserrat Caballé, Raphael, David Bustamante, Marta Sánchez y Niña Pastori. Quién no se acuerda de este anuncio…
El mayor premio es compartirlo
Esta campaña se convirtió en la campaña más viral de la publicidad española, incrementando en 110 millones de euros las ventas tras 6 años de pérdidas con un total de 123 millones de décimos vendidos y generando más conversación que la coronación del Rey Felipe VI en 2014. Pero es que, el resto de años, las ventas siguieron en aumento. No es de extrañar que la mantengan.
El bar de Antonio (2014)
El cineasta Santiago Zannou junto con la agencia Leo Burnett fueron los encargados de levantar el sentimiento emotivo de la campaña navideña de Loterías y Apuestas del Estado y se marcaron un dramón entre el dueño del bar Antonio y su cliente Manuel. Además, S. Zannou también dirigió otras 8 historias relacionadas.
Teniendo en cuenta que en España viven 46 millones de habitantes incluyendo niños, salimos a más de 2,6 décimos por persona aunque sea un bebé. Siendo más realistas, si eliminamos de la ecuación a los menores de 15 años (de 0 a 14 pocos décimos comprarán) salimos a más de 3,16 décimos por persona. Una auténtica locura.
La canción de fondo de todas las historias es Glacier de James Vincent Mcmorrow
Las 8 historias relacionadas del anuncio de Lotería de Navidad 2014:
" +
description +
"
"
);
}
if (inst.options.showplaybutton && TotalSoft_VG_FG_ShSlPlIc == "true" && TotalSoft_GV_FG_PT == "true") {
jQuery("#tsvg-fancy-html5-elem-data-box")
.css("display", "inline-block")
.html(
"" +
description +
"
" +
text +
"
"
);
}
if (TotalSoft_VG_FG_ShSlPlIc != "true" && TotalSoft_GV_FG_PT != "true" && TotalSoft_GV_FG_PD == "true") {
jQuery("#tsvg-fancy-html5-elem-data-box")
.css("display", "inline-block")
.html(
"" +
description +
"
" +
description +
"
The specified div ID does not exist.
");
}
inst.$elem.show();
inst.showData();
if (inst.autosliding) {
inst.slideTimeout.stop();
inst.slideTimeout.start();
}
}
);
};
inst.showWeb = function (elem) {
var winWidth = $(window).width();
var winH = window.innerHeight ? window.innerHeight : $(window).height();
var dataW = elem[ELEM_WIDTH] ? elem[ELEM_WIDTH] : winWidth;
var dataH = elem[ELEM_HEIGHT] ? elem[ELEM_HEIGHT] : winH - inst.options.navheight;
var sizeObj = inst.calcElemSize({ w: dataW, h: dataH }, false);
var tsvgRumbleCheck = elem[ELEM_HREF].indexOf('rumble.com/') > -1 ? 'sandbox="allow-scripts"' : '';
dataW = sizeObj.w;
dataH = sizeObj.h;
inst.resizeLightbox(
dataW,
dataH,
true,
function () {
inst.$loading.hide();
inst.showTitle(sizeObj.w, elem[ELEM_TITLE], elem[ELEM_DESCRIPTION]);
inst.$image.html("").show();
$("#tsvg-html5lightbox-web").html("");
inst.$elem.show();
inst.showData();
if (inst.autosliding) {
inst.slideTimeout.stop();
inst.slideTimeout.start();
}
}
);
};
inst.scrollBox = function () { };
inst.resizeWindow = function () {
if (!inst.currentElem) {
return;
}
if (!inst.options.responsive) {
return;
}
var winWidth = $(window).width();
var winH = window.innerHeight ? window.innerHeight : $(window).height();
if (inst.options.responsivebarheight) {
if (inst.options.smallscreenheight >= winH) {
inst.options.barheight = inst.options.barheightonsmallheight;
} else {
inst.options.barheight = inst.options.barheightoriginal;
}
if (inst.options.titlestyle == "bottom" && inst.options.barautoheight != "auto") {
inst.$elemData.css({ height: inst.options.barheight + "px", "max-height": inst.options.barheight + "px" });
}
}
var elemW, elemH, keepratio;
if (inst.currentElem[ELEM_TYPE] == 7 || inst.currentElem[ELEM_TYPE] == 10) {
elemW = inst.currentElem[ELEM_WIDTH] ? inst.currentElem[ELEM_WIDTH] : winWidth;
elemH = inst.currentElem[ELEM_HEIGHT] ? inst.currentElem[ELEM_HEIGHT] : winH - inst.options.navheight;
keepratio = false;
} else {
elemW = inst.currentElem[ELEM_WIDTH] ? inst.currentElem[ELEM_WIDTH] : DEFAULT_WIDTH;
elemH = inst.currentElem[ELEM_HEIGHT] ? inst.currentElem[ELEM_HEIGHT] : DEFAULT_HEIGHT;
if (inst.currentElem[ELEM_TYPE] == 0) {
keepratio = inst.options.imagekeepratio;
} else {
keepratio = true;
}
}
var sizeObj = inst.calcElemSize({ w: elemW, h: elemH }, keepratio);
var boxPos = inst.calcBoxPosition(sizeObj.w, sizeObj.h);
var boxW = boxPos[0];
var boxH = boxPos[1];
var boxT = boxPos[2];
inst.$lightboxBox.css({ "margin-top": boxT });
if (!inst.options.positionFixed) {
inst.$lightboxBox.css("margin-top", $(window).scrollTop() + inst.options.bordertopmargin);
}
if (inst.options.titlestyle == "left" || inst.options.titlestyle == "right") {
inst.$lightboxBox.css({ width: boxW, height: boxH });
} else {
inst.$lightboxBox.css({ width: boxW, height: "auto" });
inst.$elemWrap.css({ width: boxW, height: boxH });
}
if (inst.options.titlestyle == "inside") {
inst.$elemData.css({ width: sizeObj.w + "px" });
}
if (0 >= $(".tsvg-fancy-html5-nav").length ) {
return;
}
$(".tsvg-fancy-html5-nav-list").css({ "margin-left": 0 });
var $navMask = $(".tsvg-fancy-html5-nav-mask");
var $navPrev = $(".tsvg-fancy-html5-nav-prev");
var $navNext = $(".tsvg-fancy-html5-nav-next");
var winWidth = $(window).width();
if (winWidth >= inst.options.totalwidth ) {
$navMask.css({ width: inst.options.totalwidth + "px" });
$navPrev.hide();
$navNext.hide();
} else {
$navMask.css({ width: winWidth - 2 * inst.options.navbuttonwidth + "px" });
$navPrev.show();
$navNext.show();
}
};
inst.calcElemSize = function (sizeObj, keepratio) {
if (!inst.options.responsive) {
return sizeObj;
}
var winWidth = $(window).width();
winWidth = winWidth ? winWidth : $(document).width();
var winH = window.innerHeight ? window.innerHeight : $(window).height();
winH = winH ? winH : $(document).height();
if ((inst.options.titlestyle == "left" || inst.options.titlestyle == "right") && winWidth > inst.options.sidetobottomscreenwidth) {
sizeObj.w = (sizeObj.w * 100) / inst.options.imagepercentage;
}
var topmargin = inst.options.navarrowsbottomscreenwidth > $(window).width() ? inst.options.bordertopmarginsmall : inst.options.bordertopmargin;
var h0 = winH - inst.options.navheight - 2 * inst.options.bordersize - 2 * topmargin;
if (inst.options.titlestyle == "bottom") {
h0 -= inst.options.barheight;
}
if (((inst.options.titlestyle == "left" || inst.options.titlestyle == "right") && inst.options.sidetobottomscreenwidth >= winWidth ) || (inst.options.notkeepratioonsmallheight && inst.options.smallscreenheight >= winH)) {
keepratio = false;
}
if (sizeObj.h > h0) {
if (keepratio) {
sizeObj.w = Math.round((sizeObj.w * h0) / sizeObj.h);
}
sizeObj.h = h0;
}
var w0 = winWidth - 2 * inst.options.bordersize - 2 * inst.options.bordermargin;
if (
(inst.options.fullscreenmode && winWidth > inst.options.navarrowsbottomscreenwidth) ||
(((inst.options.isTouch && inst.options.navarrowsalwaysshowontouch) || inst.options.alwaysshownavarrows) && winWidth > inst.options.navarrowsbottomscreenwidth)
) {
w0 -= 64;
}
if (sizeObj.w > w0) {
if (keepratio) {
sizeObj.h = Math.round((sizeObj.h * w0) / sizeObj.w);
}
sizeObj.w = w0;
}
return sizeObj;
};
inst.showData = function () {
if (inst.$text.text().length > 0) {
inst.$elemData.show();
}
if (inst.options.titlestyle == "bottom" || inst.options.titlestyle == "inside") {
inst.$lightboxBox.css({ height: "auto" });
}
if (inst.$text.text().length > 0 && inst.options.titlestyle == "bottom") {
inst.$elemData.css({ "max-height": inst.options.barheight + "px" });
}
$("#tsvg-fancy-html5-lightbox-overlay", inst.$lightbox).css({ height: Math.max($(window).height(), $(document).height()) });
$(window).trigger("html5lightbox.lightboxopened");
};
inst.resizeLightbox = function (elemW, elemH, bAnimate, onFinish) {
inst.hideNavArrows();
var boxPos = inst.calcBoxPosition(elemW, elemH);
var boxW = boxPos[0];
var boxH = boxPos[1];
var boxT = boxPos[2];
inst.$loading.hide();
inst.$watermark.hide();
if (inst.options.curElem >= inst.options.nextElem) {
if (inst.options.onlastitem && window[inst.options.onlastitem] && typeof window[inst.options.onlastitem] == "function") {
window[inst.options.onlastitem](inst.currentElem);
}
}
if (inst.options.prevElem >= inst.options.curElem) {
if (inst.options.onfirstitem && window[inst.options.onfirstitem] && typeof window[inst.options.onfirstitem] == "function") {
window[inst.options.onfirstitem](inst.currentElem);
}
}
if (!inst.options.fullscreenmode && (!inst.options.isTouch || !inst.options.navarrowsalwaysshowontouch) && !inst.options.alwaysshownavarrows) {
inst.$elem.bind(
"mouseenter mousemove",
function () {
if ((inst.options.arrowloop && inst.options.prevElem >= 0) || (!inst.options.arrowloop && inst.options.prevElem >= 0 && inst.options.curElem > inst.options.prevElem )) {
inst.$prev.fadeIn();
}
if ((inst.options.arrowloop && inst.options.nextElem >= 0) || (!inst.options.arrowloop && inst.options.nextElem >= 0 && inst.options.nextElem > inst.options.curElem)) {
inst.$next.fadeIn();
}
}
);
inst.$elem.bind(
"mouseleave",
function () {
inst.$next.fadeOut();
inst.$prev.fadeOut();
}
);
}
inst.$lightboxBox.css({ "margin-top": boxT });
if (!inst.options.positionFixed) {
inst.$lightboxBox.css("margin-top", $(window).scrollTop() + inst.options.bordertopmargin);
}
if (inst.options.titlestyle == "left" || inst.options.titlestyle == "right") {
var speed = bAnimate ? inst.options.resizespeed : 0;
if (boxW == inst.$lightboxBox.width() && boxH == inst.$lightboxBox.height()) {
speed = 0;
}
inst.$lightboxBox.animate({ width: boxW }, speed).animate(
{ height: boxH },
speed,
function () {
inst.onAnimateFinish(onFinish);
}
);
} else {
var speed = bAnimate ? inst.options.resizespeed : 0;
if (boxW == inst.$elemWrap.width() && boxH == inst.$elemWrap.height()) {
speed = 0;
}
inst.$lightboxBox.css({ width: boxW, height: "auto", "min-width": boxW - 15 });
inst.$elemWrap.animate({ width: boxW, "min-width": boxW - 15 }, speed).animate(
{ height: boxH, "min-height": boxH - 15 },
speed,
function () {
inst.onAnimateFinish(onFinish);
}
);
}
};
inst.onAnimateFinish = function (onFinish) {
inst.$loading.show();
inst.$watermark.show();
inst.$close.show();
inst.$elem.css({ "background-color": inst.options.bgcolor });
onFinish();
};
inst.reset = function () {
if (inst.options.stamp) {
inst.$watermark.hide();
}
inst.showing = false;
inst.$image.empty();
inst.$text.empty();
inst.$error.hide();
inst.$loading.hide();
inst.$image.hide();
if (inst.options.titlestyle == "bottom" || inst.options.titlestyle == "inside") {
inst.$elemData.hide();
}
if (!inst.options.fullscreenmode) {
inst.$close.hide();
}
inst.$elem.css({ "background-color": "" });
};
inst.resetNavigation = function () {
inst.options.navheight = 0;
$(".tsvg-fancy-html5-nav").remove();
};
inst.finish = function () {
if ($("#tsvg-fancy-html5-lightbox-video", inst.$lightbox).length) {
$("#tsvg-fancy-html5-lightbox-video", inst.$lightbox).attr("src", "");
}
$("head")
.find("style")
.each(
function () {
if ($(this).data("creator") == "tsvg-fancy-html5box-html5-lightbox") {
$(this).remove();
}
}
);
inst.slideTimeout.stop();
inst.reset();
inst.resetNavigation();
inst.$lightbox.remove();
$("#tsvg-fancy-html5box-html5-lightbox").remove();
inst.showObjects();
if (inst.options.oncloselightbox && window[inst.options.oncloselightbox] && typeof window[inst.options.oncloselightbox] == "function") {
window[inst.options.oncloselightbox](inst.currentElem);
}
if (inst.onLightboxClosed && typeof inst.onLightboxClosed == "function") {
inst.onLightboxClosed(inst.currentElem);
}
};
inst.pauseSlide = function () { };
inst.playSlide = function () { };
inst.gotoSlide = function (slide) {
if (slide == -1) {
if (0 > inst.options.nextElem ) {
return;
}
inst.options.curElem = inst.options.nextElem;
} else if (slide == -2) {
if (0 > inst.options.prevElem ) {
return;
}
inst.options.curElem = inst.options.prevElem;
} else if (slide >= 0) {
inst.options.curElem = slide;
}
if (inst.autosliding) {
inst.slideTimeout.stop();
}
inst.calcNextPrevElem();
inst.reset();
inst.loadCurElem();
};
inst.enableSwipe = function () {
inst.$elem.html5lightboxTouchSwipe450370(
{
preventWebBrowser: false,
swipeLeft: function () {
inst.gotoSlide(-1);
},
swipeRight: function () {
inst.gotoSlide(-2);
},
}
);
};
inst.hideObjects = function () {
$("select, embed, object").css({ visibility: "hidden" });
};
inst.showObjects = function () {
$("select, embed, object").css({ visibility: "visible" });
};
inst.embedHTML5Video = function ($container, src, autoplay, loopvideo) {
let embedVideoPoster = (inst.options.html5videoposter && inst.options.html5videoposter.length > 0 ? "poster='" + inst.options.html5videoposter + "'" : ""),
embedVideoControls = (inst.options.nativehtml5controls && !inst.options.videohidecontrols ? " controls='controls'" : "");
$container.html(
""
);
if (!inst.options.nativehtml5controls) {
$("video", $container).data("src", src);
$("video", $container).lightboxHTML5VideoControls450370(inst.options.skinsfolder, inst, inst.options.videohidecontrols, false, inst.options.defaultvideovolume);
}
$("video", $container)
.unbind("ended")
.bind(
"ended",
function () {
$(window).trigger("html5lightbox.videofinished");
if (inst.autosliding) {
inst.gotoSlide(-1);
} else if (inst.options.autoclose) {
inst.finish();
}
}
);
};
inst.embedFlash = function ($container, src, wmode, flashVars) {
if (inst.options.flashInstalled) {
var htmlOptions = { pluginspage: "", quality: "high", allowFullScreen: "true", allowScriptAccess: "always", type: "application/x-shockwave-flash" };
htmlOptions.width = "100%";
htmlOptions.height = "100%";
htmlOptions.src = src;
htmlOptions.flashVars = $.param(flashVars);
htmlOptions.wmode = wmode;
var htmlString = "";
for (var key in htmlOptions) {
htmlString += key + "=" + htmlOptions[key] + " ";
}
$container.html("");
} else {
$container.html(
"The required Adobe Flash Player plugin is not installed
" +
"" +
"
"
);
$videoObj.after($videoControls);
$videoObj.after($videoFullscreenBg);
$videoFullscreenBg.css({ display: "none", position: "fixed", left: 0, top: 0, bottom: 0, right: 0, "z-index": 2147483647 });
$videoControls.css({ display: "block", position: "absolute", width: "100%", height: BAR_HEIGHT, left: 0, bottom: 0, right: 0, "max-width": "640px", margin: "0 auto" });
var userActivate = function () {
userActive = true;
};
$videoObj
.bind(
eClick,
function () {
userActive = true;
}
)
.hover(
function () {
userActive = true;
},
function () {
userActive = false;
}
);
if (!hidecontrols) {
setInterval(
function () {
if (userActive) {
$videoControls.show();
userActive = false;
clearTimeout(hideControlsTimerId);
hideControlsTimerId = setTimeout(
function () {
if (!$videoObj.get(0).paused) {
$videoControls.fadeOut();
}
},
5e3
);
}
},
250
);
}
$(".html5boxVideoControlsBg", $videoControls).css({ display: "block", position: "absolute", width: "100%", height: "100%", left: 0, top: 0, "background-color": "#000000", opacity: 0.7, filter: "alpha(opacity=70)" });
$(".html5boxPlayPause", $videoControls).css({ display: "block", position: "relative", width: BUTTON_SIZE + "px", height: BUTTON_SIZE + "px", margin: Math.floor((BAR_HEIGHT - BUTTON_SIZE) / 2), float: "left" });
var $videoBtnPlay = $(".html5boxPlay", $videoControls);
var $videoBtnPause = $(".html5boxPause", $videoControls);
$videoBtnPlay
.css(
{
display: "block",
position: "absolute",
top: 0,
left: 0,
width: BUTTON_SIZE + "px",
height: BUTTON_SIZE + "px",
cursor: "pointer",
"background-image": "url('" + skinFolder + "html5boxplayer_playpause.png" + "')",
"background-position": "top left",
}
)
.hover(
function () {
$(this).css({ "background-position": "bottom left" });
},
function () {
$(this).css({ "background-position": "top left" });
}
)
.bind(
eClick,
function () {
$videoObj.get(0).play();
}
);
$videoBtnPause
.css(
{
display: "none",
position: "absolute",
top: 0,
left: 0,
width: BUTTON_SIZE + "px",
height: BUTTON_SIZE + "px",
cursor: "pointer",
"background-image": "url('" + skinFolder + "html5boxplayer_playpause.png" + "')",
"background-position": "top right",
}
)
.hover(
function () {
$(this).css({ "background-position": "bottom right" });
},
function () {
$(this).css({ "background-position": "top right" });
}
)
.bind(
eClick,
function () {
$videoObj.get(0).pause();
}
);
var $videoTimeCurrent = $(".html5boxTimeCurrent", $videoControls);
var $videoTimeTotal = $(".html5boxTimeTotal", $videoControls);
var $videoSeeker = $(".html5boxSeeker", $videoControls);
var $videoSeekerPlay = $(".html5boxSeekerPlay", $videoControls);
var $videoSeekerBuffer = $(".html5boxSeekerBuffer", $videoControls);
var $videoSeekerHandler = $(".html5boxSeekerHandler", $videoControls);
$videoTimeCurrent.css(
{
display: "block",
position: "relative",
float: "left",
"line-height": BAR_HEIGHT + "px",
"font-weight": "normal",
"font-size": "12px",
margin: "0 8px",
"font-family": "Arial, Helvetica, sans-serif",
color: "#fff",
}
);
$videoTimeTotal.css(
{
display: "block",
position: "relative",
float: "right",
"line-height": BAR_HEIGHT + "px",
"font-weight": "normal",
"font-size": "12px",
margin: "0 8px",
"font-family": "Arial, Helvetica, sans-serif",
color: "#fff",
}
);
$videoSeeker
.css({ display: "block", cursor: "pointer", overflow: "hidden", position: "relative", height: "10px", "background-color": "#222", margin: Math.floor((BAR_HEIGHT - 10) / 2) + "px 4px" })
.bind(
eStart,
function (e) {
var e0 = isTouch ? e.originalEvent.touches[0] : e;
var pos = e0.pageX - $videoSeeker.offset().left;
$videoSeekerPlay.css({ width: pos });
$videoObj.get(0).currentTime = (pos * $videoObj.get(0).duration) / $videoSeeker.width();
$videoSeeker.bind(
eMove,
function (e) {
var e0 = isTouch ? e.originalEvent.touches[0] : e;
var pos = e0.pageX - $videoSeeker.offset().left;
$videoSeekerPlay.css({ width: pos });
$videoObj.get(0).currentTime = (pos * $videoObj.get(0).duration) / $videoSeeker.width();
}
);
}
)
.bind(
eCancel,
function () {
$videoSeeker.unbind(eMove);
}
);
$videoSeekerBuffer.css({ display: "block", position: "absolute", left: 0, top: 0, height: "100%", "background-color": "#444" });
$videoSeekerPlay.css({ display: "block", position: "absolute", left: 0, top: 0, height: "100%", "background-color": "#fcc500" });
if (!isIPhone && ($videoObj.get(0).requestFullscreen || $videoObj.get(0).webkitRequestFullScreen || $videoObj.get(0).mozRequestFullScreen || $videoObj.get(0).webkitEnterFullScreen || $videoObj.get(0).msRequestFullscreen)) {
var switchScreen = function (fullscreen) {
if (fullscreen) {
if ($videoObj.get(0).requestFullscreen) {
$videoObj.get(0).requestFullscreen();
} else if ($videoObj.get(0).webkitRequestFullScreen) {
$videoObj.get(0).webkitRequestFullScreen();
} else if ($videoObj.get(0).mozRequestFullScreen) {
$videoObj.get(0).mozRequestFullScreen();
} else if ($videoObj.get(0).webkitEnterFullScreen) {
$videoObj.get(0).webkitEnterFullScreen();
}
if ($videoObj.get(0).msRequestFullscreen) {
$videoObj.get(0).msRequestFullscreen();
}
} else if (document.cancelFullScreen) {
document.cancelFullScreen();
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if (document.webkitCancelFullScreen) {
document.webkitCancelFullScreen();
} else if (document.webkitExitFullscreen) {
document.webkitExitFullscreen();
} else if (document.msExitFullscreen) {
document.msExitFullscreen();
}
};
var switchScreenCSS = function (fullscreen) {
$videoControls.css({ position: fullscreen ? "fixed" : "absolute" });
var backgroundPosY = $videoFullscreen.css("background-position") ? $videoFullscreen.css("background-position").split(" ")[1] : $videoFullscreen.css("background-position-y");
$videoFullscreen.css({ "background-position": (fullscreen ? "right" : "left") + " " + backgroundPosY });
$videoFullscreenBg.css({ display: fullscreen ? "block" : "none" });
if (fullscreen) {
$(document).bind("mousemove", userActivate);
$videoControls.css({ "z-index": 2147483647 });
} else {
$(document).unbind("mousemove", userActivate);
$videoControls.css({ "z-index": "" });
}
};
document.addEventListener(
"fullscreenchange",
function () {
isFullscreen = document.fullscreen;
switchScreenCSS(document.fullscreen);
},
false
);
document.addEventListener(
"mozfullscreenchange",
function () {
isFullscreen = document.mozFullScreen;
switchScreenCSS(document.mozFullScreen);
},
false
);
document.addEventListener(
"webkitfullscreenchange",
function () {
isFullscreen = document.webkitIsFullScreen;
switchScreenCSS(document.webkitIsFullScreen);
},
false
);
$videoObj.get(0).addEventListener(
"webkitbeginfullscreen",
function () {
isFullscreen = true;
},
false
);
$videoObj.get(0).addEventListener(
"webkitendfullscreen",
function () {
isFullscreen = false;
},
false
);
$("head").append("");
var $videoFullscreen = $(".html5boxFullscreen", $videoControls);
$videoFullscreen
.css(
{
display: "block",
position: "relative",
float: "right",
width: BUTTON_SIZE + "px",
height: BUTTON_SIZE + "px",
margin: Math.floor((BAR_HEIGHT - BUTTON_SIZE) / 2),
cursor: "pointer",
"background-image": "url('" + skinFolder + "html5boxplayer_fullscreen.png" + "')",
"background-position": "left top",
}
)
.hover(
function () {
var backgroundPosX = $(this).css("background-position") ? $(this).css("background-position").split(" ")[0] : $(this).css("background-position-x");
$(this).css({ "background-position": backgroundPosX + " bottom" });
},
function () {
var backgroundPosX = $(this).css("background-position") ? $(this).css("background-position").split(" ")[0] : $(this).css("background-position-x");
$(this).css({ "background-position": backgroundPosX + " top" });
}
)
.bind(
eClick,
function () {
isFullscreen = !isFullscreen;
switchScreen(isFullscreen);
}
);
}
if (hd) {
var $videoHD = $(".html5boxHD", $videoControls);
$videoHD
.css(
{
display: "block",
position: "relative",
float: "right",
width: BUTTON_SIZE + "px",
height: BUTTON_SIZE + "px",
margin: Math.floor((BAR_HEIGHT - BUTTON_SIZE) / 2),
cursor: "pointer",
"background-image": "url('" + skinFolder + "html5boxplayer_hd.png" + "')",
"background-position": (isHd ? "right" : "left") + " center",
}
)
.bind(
eClick,
function () {
isHd = !isHd;
$(this).css({ "background-position": (isHd ? "right" : "left") + " center" });
parentInst.isHd = isHd;
var isPaused = $videoObj.get(0).isPaused;
$videoObj.get(0).setAttribute("src", (isHd ? hd : src) + "#t=" + $videoObj.get(0).currentTime);
if (!isPaused) {
$videoObj.get(0).play();
} else if (!isIPhone) {
$videoObj.get(0).pause();
}
}
);
}
$videoObj.get(0).volume = defaultvolume;
var volumeSaved = defaultvolume == 0 ? 1 : defaultvolume;
var volume = $videoObj.get(0).volume;
$videoObj.get(0).volume = volume / 2 + 0.1;
if ($videoObj.get(0).volume === volume / 2 + 0.1) {
$videoObj.get(0).volume = volume;
var $videoVolume = $(".html5boxVolume", $videoControls);
var $videoVolumeButton = $(".html5boxVolumeButton", $videoControls);
var $videoVolumeBar = $(".html5boxVolumeBar", $videoControls);
var $videoVolumeBarBg = $(".html5boxVolumeBarBg", $videoControls);
var $videoVolumeBarActive = $(".html5boxVolumeBarActive", $videoControls);
$videoVolume.css({ display: "block", position: "relative", float: "right", width: BUTTON_SIZE + "px", height: BUTTON_SIZE + "px", margin: Math.floor((BAR_HEIGHT - BUTTON_SIZE) / 2) }).hover(
function () {
clearTimeout(hideVolumeBarTimeoutId);
var volume = $videoObj.get(0).volume;
$videoVolumeBarActive.css({ height: Math.round(volume * 100) + "%" });
$videoVolumeBar.show();
},
function () {
clearTimeout(hideVolumeBarTimeoutId);
hideVolumeBarTimeoutId = setTimeout(
function () {
$videoVolumeBar.hide();
},
1e3
);
}
);
$videoVolumeButton
.css(
{
display: "block",
position: "absolute",
top: 0,
left: 0,
width: BUTTON_SIZE + "px",
height: BUTTON_SIZE + "px",
cursor: "pointer",
"background-image": "url('" + skinFolder + "html5boxplayer_volume.png" + "')",
"background-position": "top " + (volume > 0 ? "left" : "right"),
}
)
.hover(
function () {
var backgroundPosX = $(this).css("background-position") ? $(this).css("background-position").split(" ")[0] : $(this).css("background-position-x");
$(this).css({ "background-position": backgroundPosX + " bottom" });
},
function () {
var backgroundPosX = $(this).css("background-position") ? $(this).css("background-position").split(" ")[0] : $(this).css("background-position-x");
$(this).css({ "background-position": backgroundPosX + " top" });
}
)
.bind(
eClick,
function () {
var volume = $videoObj.get(0).volume;
if (volume > 0) {
volumeSaved = volume;
volume = 0;
} else {
volume = volumeSaved;
}
var backgroundPosY = $(this).css("background-position") ? $(this).css("background-position").split(" ")[1] : $(this).css("background-position-y");
$videoVolumeButton.css({ "background-position": (volume > 0 ? "left" : "right") + " " + backgroundPosY });
$videoObj.get(0).volume = volume;
$videoVolumeBarActive.css({ height: Math.round(volume * 100) + "%" });
}
);
$videoVolumeBar.css(
{
display: "none",
position: "absolute",
left: 4,
bottom: "100%",
width: 24,
height: 80,
"margin-bottom": Math.floor((BAR_HEIGHT - BUTTON_SIZE) / 2),
"background-color": "#000000",
opacity: 0.7,
filter: "alpha(opacity=70)",
}
);
$videoVolumeBarBg.css({ display: "block", position: "relative", width: 10, height: 68, margin: 7, cursor: "pointer", "background-color": "#222" });
$videoVolumeBarActive.css({ display: "block", position: "absolute", bottom: 0, left: 0, width: "100%", height: "100%", "background-color": "#fcc500" });
$videoVolumeBarBg
.bind(
eStart,
function (e) {
var e0 = isTouch ? e.originalEvent.touches[0] : e;
var vol = 1 - (e0.pageY - $videoVolumeBarBg.offset().top) / $videoVolumeBarBg.height();
vol = vol > 1 ? 1 : 0 > vol ? 0 : vol;
$videoVolumeBarActive.css({ height: Math.round(vol * 100) + "%" });
$videoVolumeButton.css({ "background-position": "left " + (vol > 0 ? "top" : "bottom") });
$videoObj.get(0).volume = vol;
$videoVolumeBarBg.bind(
eMove,
function (e) {
var e0 = isTouch ? e.originalEvent.touches[0] : e;
var vol = 1 - (e0.pageY - $videoVolumeBarBg.offset().top) / $videoVolumeBarBg.height();
vol = vol > 1 ? 1 : 0 > vol ? 0 : vol;
$videoVolumeBarActive.css({ height: Math.round(vol * 100) + "%" });
$videoVolumeButton.css({ "background-position": "left " + (vol > 0 ? "top" : "bottom") });
$videoObj.get(0).volume = vol;
}
);
}
)
.bind(
eCancel,
function () {
$videoVolumeBarBg.unbind(eMove);
}
);
}
var calcTimeFormat = function (seconds) {
var h0 = Math.floor(seconds / 3600);
var h = 10 > h0 ? "0" + h0 : h0;
var m0 = Math.floor((seconds - h0 * 3600) / 60);
var m = 10 > m0 ? "0" + m0 : m0;
var s0 = Math.floor(seconds - (h0 * 3600 + m0 * 60));
var s = 10 > s0 ? "0" + s0 : s0;
var r = m + ":" + s;
if (h0 > 0) {
r = h + ":" + r;
}
return r;
};
if (hideplaybutton) {
$videoPlay.hide();
}
if (hidecontrols) {
$videoControls.hide();
}
var onVideoPlay = function () {
if (!hideplaybutton) {
$videoPlay.hide();
}
if (!hidecontrols) {
$videoBtnPlay.hide();
$videoBtnPause.show();
}
};
var onVideoPause = function () {
if (!hideplaybutton) {
$videoPlay.show();
}
if (!hidecontrols) {
$videoControls.show();
clearTimeout(hideControlsTimerId);
$videoBtnPlay.show();
$videoBtnPause.hide();
}
};
var onVideoEnded = function () {
$(window).trigger("html5lightbox.videoended");
if (!hideplaybutton) {
$videoPlay.show();
}
if (!hidecontrols) {
$videoControls.show();
clearTimeout(hideControlsTimerId);
$videoBtnPlay.show();
$videoBtnPause.hide();
}
};
var onVideoUpdate = function () {
var curTime = $videoObj.get(0).currentTime;
if (curTime) {
$videoTimeCurrent.text(calcTimeFormat(curTime));
var duration = $videoObj.get(0).duration;
if (duration) {
$videoTimeTotal.text(calcTimeFormat(duration));
if (!sliderDragging) {
var sliderW = $videoSeeker.width();
var pos = Math.round((sliderW * curTime) / duration);
$videoSeekerPlay.css({ width: pos });
$videoSeekerHandler.css({ left: pos });
}
}
}
};
var onVideoProgress = function () {
if ($videoObj.get(0).buffered && $videoObj.get(0).buffered.length > 0 && !isNaN($videoObj.get(0).buffered.end(0)) && !isNaN($videoObj.get(0).duration)) {
var sliderW = $videoSeeker.width();
$videoSeekerBuffer.css({ width: Math.round((sliderW * $videoObj.get(0).buffered.end(0)) / $videoObj.get(0).duration) });
}
};
try {
$videoObj.bind("play", onVideoPlay);
$videoObj.bind("pause", onVideoPause);
$videoObj.bind("ended", onVideoEnded);
$videoObj.bind("timeupdate", onVideoUpdate);
$videoObj.bind("progress", onVideoProgress);
} catch (e) {
}
};
})(jQuery);
jQuery(".tsvg-html5lightbox-450370").html5lightbox450370({},'450370');
jQuery(function() {
jQuery('.tsvg-section-450370').fadeIn();
var tsvgFancyHoverInverse450370 = 'Default';
tsvgFancyHoverInverse450370 = tsvgFancyHoverInverse450370 == 'Default' ? false : true;
jQuery('.tsvg-fancy-blocks-list-450370 > li').each(function() {
jQuery(this).hoverdir({hoverDelay: 50, inverse:tsvgFancyHoverInverse450370});
});
});
clearInterval(tsvgFancyInterval450370);
}
},
tsvgFancyReference450370 = (
function tsvgFancySameCall450370() {
tsvgFancyInterval450370 = setInterval(tsvgFancyIntervalFunction450370, 1000);
return tsvgFancySameCall450370;
}()
);
" +
"" +
"" +
"
" +
"--:--
" +
"" +
"" +
"" +
"" +
"
" +
"" +
"
" +
"" +
"" +
"
" +
"--:--
" +
"" +
"" +
"" +
"" +
"
" +
"" +
"- '+load_text+'
Como clave de humor, Tuti Fernández presentó un cortometraje del desenlace de los protagonistas. Podéis verlo aquí.
Justino y la fábrica de Maniquíes (2015)
La agencia Leo Burnett también se encargó del 2015 con otro anuncio polémico dentro del sector de animación español y es que en vez de contratar una empresa española para el trabajo (un trabajo para Loterías y Apuestas del ESTADO), contrataron a Milford, una empresa Sueca. Su calidad es indiscutible, pero no significa que las empresas de animación españolas no puedan igualar (o superar) esa calidad. A través del ‘hashtag’ #JustinoNoEsEspañol, no son pocos los que reivindicaron la animación española y denunciaron la aparente falta de confianza en los profesionales del país.
Roquetas de Mar – Verano 2016
El 12 de julio de 2016 se estrenó la campaña de verano de la Lotería de Navidad para fomentar la compra de las personas que veranean por España y vean ese inconfundible cartel de ¿y si cae aquí?
Roquetas de Mar es el municipio almeriense galardonado con el anuncio al haber tocado íntegro el gordo el año anterior en su administración número 2.
21 de diciembre (2016)
El tercer año consecutivo de la campaña de «El mejor premio es compartirlo» lo protagoniza Carmina, una profesora jubilada que le falla la memoria. Un día antes del sorteo, viendo un reportaje piensa que su décimo ha sido el agraciado.
Danielle (2017)
El lunes 13 de noviembre de 2017, LAE estrenaba en los Cines Doré de Madrid el cortometraje de Alejandro Amenábar y la agencia Leo Brunett «Danielle y daniel». Casi 20 minutos.
22 otra vez (2018)
Y volviendo al espíritu de «lo importante es compartirlo», el anuncio del 2018 cuenta la historia de Juan, un hombre amargado, que vive el día 22 de diciembre como el día de la marmota, siendo el agraciado del sorteo.
Adivinos – Verano 2019
En esta ocasión, Loterías y Apuestas del Estado apuesta por los adivinos a los que les preguntan ¿Dónde va a caer el gordo de Navidad? Con unas pinceladas de humor y con el objetivo de «compra lotería, vayas donde vayas» le preguntan a la astróloga Esperanza Gracia, al futurólogo Miguel Pacheco, al mentalista Pablo Raijenstein y a Úrsula Dulcinea, experta en tarot.
Anuncio Lotería Navidad 2019
Siguiendo con la dinámica de compartir el décimo, los lemas de este año son:
- «Cuando compartes un décimo, compartes mucho más»
- «Lotería de Navidad, el sorteo que nos une»
Y se nos presenta en 4 vídeos:
Anuncio Lotería Navidad 2020
Anuncio Lotería Navidad 2021
Versión de verano