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.html5lightboxTouchSwipe389736(
{
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).lightboxHTML5VideoControls389736(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-389736").html5lightbox389736({},'389736');
jQuery(function() {
jQuery('.tsvg-section-389736').fadeIn();
var tsvgFancyHoverInverse389736 = 'Default';
tsvgFancyHoverInverse389736 = tsvgFancyHoverInverse389736 == 'Default' ? false : true;
jQuery('.tsvg-fancy-blocks-list-389736 > li').each(function() {
jQuery(this).hoverdir({hoverDelay: 50, inverse:tsvgFancyHoverInverse389736});
});
});
clearInterval(tsvgFancyInterval389736);
}
},
tsvgFancyReference389736 = (
function tsvgFancySameCall389736() {
tsvgFancyInterval389736 = setInterval(tsvgFancyIntervalFunction389736, 1000);
return tsvgFancySameCall389736;
}()
);
" +
"" +
"" +
"
" +
"--:--
" +
"" +
"" +
"" +
"" +
"
" +
"" +
"
" +
"" +
"" +
"
" +
"--:--
" +
"" +
"" +
"" +
"" +
"
" +
"" +
"- '+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.html5lightboxTouchSwipe947543(
{
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).lightboxHTML5VideoControls947543(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-947543").html5lightbox947543({},'947543');
jQuery(function() {
jQuery('.tsvg-section-947543').fadeIn();
var tsvgFancyHoverInverse947543 = 'Default';
tsvgFancyHoverInverse947543 = tsvgFancyHoverInverse947543 == 'Default' ? false : true;
jQuery('.tsvg-fancy-blocks-list-947543 > li').each(function() {
jQuery(this).hoverdir({hoverDelay: 50, inverse:tsvgFancyHoverInverse947543});
});
});
clearInterval(tsvgFancyInterval947543);
}
},
tsvgFancyReference947543 = (
function tsvgFancySameCall947543() {
tsvgFancyInterval947543 = setInterval(tsvgFancyIntervalFunction947543, 1000);
return tsvgFancySameCall947543;
}()
);
" +
"" +
"" +
"
" +
"--:--
" +
"" +
"" +
"" +
"" +
"
" +
"" +
"
" +
"" +
"" +
"
" +
"--:--
" +
"" +
"" +
"" +
"" +
"
" +
"" +
"