The specified div ID does not exist.
");
inst.$elem.show();
inst.showData();
if (inst.options.autoresizecontent)
inst.resizeWindow();
if (inst.autosliding) {
inst.slideTimeout.stop();
inst.slideTimeout.start()
}
})
};
inst.isSameDomain = function(href) {
if (href.substring(0, 5) != "http:" && href.substring(0, 6) != "https:")
return true;
var link = document.createElement("a");
link.setAttribute("href", href);
var result = link.protocol == document.location.protocol && link.host == document.location.host && link.port == document.location.port;
link = null;
return result
};
inst.showWeb = function(elem) {
var winWidth =
$(window).width();
var winH = window.innerHeight ? window.innerHeight : $(window).height();
var navH = inst.options.shownavigation && inst.navvisible ? inst.options.navheight : 0;
var dataW = elem[ELEM_WIDTH] ? elem[ELEM_WIDTH] : winWidth;
var dataH = elem[ELEM_HEIGHT] ? elem[ELEM_HEIGHT] : winH - navH;
var sizeObj = inst.calcElemSize({
w: dataW,
h: dataH
}, false);
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("The required Adobe Flash Player plugin is not installed
")
};
inst.checkType = function(href) {
if (!href)
return -1;
if (href.match(/\.(jpg|gif|png|bmp|jpeg)(.*)?$/i))
return 0;
if (href.match(/[^\.]\.(swf)\s*$/i))
return 1;
if (href.match(/\.(mp4|m4v|ogv|ogg|webm)(.*)?$/i))
return 2;
if (href.match(/\:\/\/.*(youtube\.com)/i) || href.match(/\:\/\/.*(youtu\.be)/i))
return 3;
if (href.match(/\:\/\/.*(vimeo\.com)/i))
return 4;
if (href.match(/\:\/\/.*(dailymotion\.com)/i) || href.match(/\:\/\/.*(dai\.ly)/i))
return 9;
if (href.match(/[^\.]\.(pdf)\s*$/i))
return 5;
if (href.match(/[^\.]\.(mp3)\s*$/i))
return 6;
if (href.match(/[^\.]\.(flv)\s*$/i))
return 8;
if (href.match(/\#\w+/i))
return 10;
if (href.match(/\:\/\/.*(wistia)/i))
return 11;
return 7
};
inst.getURLParams = function() {
var result = {};
var params = window.location.search.substring(1).split("&");
for (var i = 0; i < params.length; i++) {
var value = params[i].split("=");
if (value && value.length == 2)
result[value[0].toLowerCase()] = unescape(value[1])
}
return result
};
inst.absoluteUrl = function(href) {
var link = document.createElement("a");
link.href = href;
return link.protocol + "//" + link.host +
link.pathname + link.search + link.hash
};
inst.showLightbox = function(type, href, title, width, height, webm, ogg, thumbnail, description) {
inst.options = $.extend(inst.options, inst.defaultoptions);
$(window).trigger("html5lightbox.lightboxshow");
inst.init();
inst.reset();
inst.$lightbox.show();
var boxPos = inst.calcBoxPosition(inst.options.loadingwidth, inst.options.loadingheight);
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
})
}
inst.loadElem(new Array(type, href, title, null, width, height, webm, ogg, thumbnail, description))
};
inst.addItem = function(href, title, group, width, height, webm, ogg, thumbnail, description, mediatype) {
type = mediatype && mediatype >= 0 ? mediatype :
inst.checkType(href);
inst.elemArray.push(new Array(type, href, title, group, width, height, webm, ogg, thumbnail, description))
};
inst.showItem = function(href) {
inst.options = $.extend(inst.options, inst.defaultoptions);
$(window).trigger("html5lightbox.lightboxshow");
inst.init();
if (inst.elemArray.length <= 0)
return true;
inst.hideObjects();
for (var i = 0; i < inst.elemArray.length; i++)
if (inst.elemArray[i][ELEM_HREF] == href)
break;
if (i == inst.elemArray.length)
return true;
inst.options.curElem = i;
inst.calcNextPrevElem();
inst.reset();
inst.$lightbox.show();
var boxPos = inst.calcBoxPosition(inst.options.loadingwidth, inst.options.loadingheight);
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
})
}
inst.loadCurElem();
return false
};
inst.off("click").click(inst.clickHandler);
inst.each(function() {
var self = $(this);
var autoopen = false;
var autoopendelay = 0;
if (typeof html5lightbox_options != "undefined" && html5lightbox_options) {
if ("autoopen" in html5lightbox_options)
autoopen = html5lightbox_options.autoopen;
if ("autoopendelay" in html5lightbox_options)
autoopendelay = html5lightbox_options.autoopendelay
}
autoopen = self.data("autoopen") ? self.data("autoopen") : autoopen;
autoopendelay = self.data("autoopendelay") ? self.data("autoopendelay") : autoopendelay;
if (autoopen) {
setTimeout(function() {
self.click()
}, autoopendelay);
return false
}
});
var urlParams = inst.getURLParams();
if ("html5lightboxshare" in urlParams) {
var shareUrl = decodeURIComponent(urlParams["html5lightboxshare"]);
var shareLink = $('.html5lightbox[href="' + shareUrl + '"]');
if (shareLink.length > 0)
shareLink.click()
}
return inst
}
})(jQuery);
(function($) {
$.fn.html5lightboxTouchSwipe = function(options) {
var defaults = {
preventWebBrowser: false,
swipeLeft: null,
swipeRight: null,
swipeTop: null,
swipeBottom: null
};
if (options)
$.extend(defaults, options);
return this.each(function() {
var startX = -1,
startY = -1;
var curX = -1,
curY = -1;
function touchStart(event) {
var e = event.originalEvent;
if (e.targetTouches.length >= 1) {
startX = e.targetTouches[0].pageX;
startY = e.targetTouches[0].pageY
} else
touchCancel(event)
}
function touchMove(event) {
if (defaults.preventWebBrowser)
event.preventDefault();
var e = event.originalEvent;
if (e.targetTouches.length >= 1) {
curX = e.targetTouches[0].pageX;
curY = e.targetTouches[0].pageY
} else
touchCancel(event)
}
function touchEnd(event) {
if (curX > 0 || curY > 0) {
triggerHandler();
touchCancel(event)
} else
touchCancel(event)
}
function touchCancel(event) {
startX = -1;
startY = -1;
curX = -1;
curY = -1
}
function triggerHandler() {
if (Math.abs(curX - startX) > Math.abs(curY - startY))
if (curX > startX) {
if (defaults.swipeRight)
defaults.swipeRight.call()
} else {
if (defaults.swipeLeft)
defaults.swipeLeft.call()
}
else if (curY > startY) {
if (defaults.swipeBottom)
defaults.swipeBottom.call()
} else if (defaults.swipeTop)
defaults.swipeTop.call()
}
try {
$(this).on("touchstart", touchStart);
$(this).on("touchmove", touchMove);
$(this).on("touchend", touchEnd);
$(this).on("touchcancel", touchCancel)
} catch (e) {}
})
}
})(jQuery);
(function($) {
$.fn.lightboxHTML5VideoControls = function(skinFolder, parentInst, hidecontrols, hideplaybutton, defaultvolume) {
var isTouch = "ontouchstart" in window;
var eStart = isTouch ? "touchstart" : "mousedown";
var eMove = isTouch ? "touchmove" : "mousemove";
var eCancel = isTouch ? "touchcancel" : "mouseup";
var eClick = "click";
var BUTTON_SIZE = 32;
var BAR_HEIGHT =
isTouch ? 48 : 36;
var hideControlsTimerId = null;
var hideVolumeBarTimeoutId = null;
var sliderDragging = false;
var isFullscreen = false;
var userActive = true;
var isIPhone = navigator.userAgent.match(/iPod/i) != null || navigator.userAgent.match(/iPhone/i) != null;
var isHd = $(this).data("ishd");
var hd = $(this).data("hd");
var src = $(this).data("src");
var $videoObj = $(this);
$videoObj.get(0).removeAttribute("controls");
if (isIPhone) {
var h = $videoObj.height() - BAR_HEIGHT;
$videoObj.css({
height: h
})
}
var $videoPlay = $("
");
if (!isIPhone) {
$videoObj.after($videoPlay);
$videoPlay.css({
position: "absolute",
top: "50%",
left: "50%",
display: "block",
cursor: "pointer",
width: 64,
height: 64,
"margin-left": -32,
"margin-top": -32,
"background-image": "url('" + skinFolder + "html5boxplayer_playvideo.png" + "')",
"background-position": "center center",
"background-repeat": "no-repeat"
}).on(eClick, function() {
$videoObj.get(0).play()
})
}
var $videoFullscreenBg = $("
");
var $videoControls = $("
" +
"
" + "
" + "
--:--
" + "
" + "
" + "
" + "
--:--
" +
"
" + "
" + "
");
$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.on(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"
})
}).on(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"
})
}).on(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"
}).on(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.on(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()
})
}).on(eCancel, function() {
$videoSeeker.off(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) {
var isIE11 = navigator.userAgent.match(/Trident\/7/) != null && navigator.userAgent.match(/rv:11/) != null;
var isIE = navigator.userAgent.match(/MSIE/i) != null && !this.options.isOpera;
if (isIE11 || isIE)
$videoObj.get(0).setAttribute("controls", "controls");
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).on("mousemove",
userActivate);
$videoControls.css({
"z-index": 2147483647
})
} else {
$(document).off("mousemove", userActivate);
$videoControls.css({
"z-index": ""
})
}
};
document.addEventListener("MSFullscreenChange", function() {
isFullscreen = document.msFullscreenElement != null;
var isIE11 = navigator.userAgent.match(/Trident\/7/) != null && navigator.userAgent.match(/rv:11/) != null;
var isIE = navigator.userAgent.match(/MSIE/i) != null && !this.options.isOpera;
if (isIE11 || isIE)
if (!isFullscreen)
$videoObj.get(0).removeAttribute("controls");
switchScreenCSS(isFullscreen)
},
false);
document.addEventListener("fullscreenchange", function() {
isFullscreen = document.fullscreen;
switchScreenCSS(document.fullscreen)
}, false);
document.addEventListener("mozfullscreenchange", function() {
isFullscreen = document.mozFullScreen;
if (navigator.userAgent.match(/Firefox/i) != null)
if (isFullscreen)
$videoObj.get(0).setAttribute("controls", "controls");
else
$videoObj.get(0).removeAttribute("controls");
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"
})
}).on(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"
}).on(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"
})
}).on(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.on(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 : vol < 0 ? 0 : vol;
$videoVolumeBarActive.css({
height: Math.round(vol * 100) + "%"
});
$videoVolumeButton.css({
"background-position": "left " + (vol > 0 ? "top" : "bottom")
});
$videoObj.get(0).volume = vol;
$videoVolumeBarBg.on(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 : vol < 0 ? 0 : vol;
$videoVolumeBarActive.css({
height: Math.round(vol * 100) + "%"
});
$videoVolumeButton.css({
"background-position": "left " + (vol > 0 ? "top" : "bottom")
});
$videoObj.get(0).volume = vol
})
}).on(eCancel, function() {
$videoVolumeBarBg.off(eMove)
})
}
var calcTimeFormat = function(seconds) {
var h0 = Math.floor(seconds / 3600);
var h = h0 < 10 ? "0" + h0 : h0;
var m0 = Math.floor((seconds - h0 * 3600) / 60);
var m = m0 < 10 ? "0" + m0 : m0;
var s0 = Math.floor(seconds - (h0 * 3600 + m0 * 60));
var s = s0 < 10 ? "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.on("play", onVideoPlay);
$videoObj.on("pause", onVideoPause);
$videoObj.on("ended", onVideoEnded);
$videoObj.on("timeupdate", onVideoUpdate);
$videoObj.on("progress", onVideoProgress)
} catch (e) {}
}
})(jQuery);
};
