Videoimpressionen Zuschauerandrang Braunschweig
jQuery(document).ready(function(){
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
});
function onYouTubeIframeAPIReady(){
}
/* init single video player when document is ready */
jQuery(document).ready(function(){
var huge_it_single_player_interval_55776 = setInterval(function(){
if(jQuery("#huge_it_sigle_video_player_55776").is(":visible")){
init_huge_it_single_video_player_55776("#huge_it_sigle_video_player_55776");
clearInterval(huge_it_single_player_interval_55776);
}
},100);
});
/* Single Player */
function init_huge_it_single_video_player_55776(video_container_id){
var container,video,thumb_box,thumb,paused,dragging,volume_dragging,volume,progress_duration_bar,progress_bar,progress_played_bar,progress_thumb,progress_buffered,current_time,duration_time,current_time_text,duration_time_text,autoplay,video_param_width,video_width,play_btn,center_play_icon,center_pause_icon,center_wait_icon,backward_btn,forward_btn,mute_btn,volume_handle,volume_before,volume_current,volume_after,fullscreen_btn,hover_timer_box,hover_timer;
current_time="00";
duration_time="00";
volume=1;
dragging="";
paused="";
volume_dragging="";
/* PLUGIN PARAMETERS */
autoplay='false';
video_width=640;
video_param_width=640;
/* check if video player exists */
container=document.querySelector(video_container_id);
if(container){
/* SET OBJECT LISTENERS */
/* *** */
video=container.querySelector("video");
play_btn=container.querySelector(".play_pause");
center_play_icon=container.querySelector(".center_play");
center_pause_icon=container.querySelector(".center_pause");
center_wait_icon=container.querySelector(".center_wait");
backward_btn=container.querySelector(".fast_back");
forward_btn=container.querySelector(".fast_forward");
mute_btn=container.querySelector(".mute_button");
volume_handle=container.querySelector(".volume_handle");
volume_before=container.querySelector(".volume_before");
volume_current=container.querySelector(".volume_current");
volume_after=container.querySelector(".volume_after");
fullscreen_btn=container.querySelector(".full_screen");
current_time_text=container.querySelector(".current_time");
duration_time_text=container.querySelector(".duration_time");
progress_bar=container.querySelector(".huge_it_video_player_duration_slide");
progress_played_bar=container.querySelector(".played");
progress_thumb=container.querySelector(".thumb");
progress_buffered=container.querySelector(".buffered");
hover_timer_box=container.querySelector(".hover_timer");
hover_timer=container.querySelector(".hover_timer_time");
thumb_box=container.querySelector(".thumbnail_block");
thumb=container.querySelector(".thumbnail_block img");
/* *** */
/* FUNCTIONS */
function timeupdate(){
if(!isNaN(video.currentTime)){
current_time=Math.floor(video.currentTime);
}
if(!isNaN(video.duration)){
duration_time=Math.floor(video.duration);
}
video_width=video.offsetWidth;
var curmins = Math.floor(video.currentTime / 60);
var cursecs = Math.floor(video.currentTime - curmins * 60);
var durmins = Math.floor(video.duration / 60);
var dursecs = Math.floor(video.duration - durmins * 60);
if(cursecs < 10){ cursecs = "0"+cursecs; }
if(dursecs < 10){ dursecs = "0"+dursecs; }
if(curmins < 10){ curmins = "0"+curmins; }
if(durmins video_width){
var last_px = video_width-progress_thumb.offsetWidth/2;
progress_thumb.style.left=last_px+"px";
}else if(progress_bar_pixels < progress_thumb.offsetWidth/2){
var first_px = progress_thumb.offsetWidth/2;
progress_thumb.style.left=first_px+"px";
}else{
progress_thumb.style.left=progress_bar_pixels+"px";
}
}
function progressHandler(){
if(!isNaN(video.currentTime)){
current_time=Math.floor(video.currentTime);
}
if(!isNaN(video.duration)){
duration_time=Math.floor(video.duration);
}
if(!video.paused){
play_btn.innerHTML='';
}
if(thumb_box.style.display=="block" && !video.paused){
thumb_box.style.display="none";
}
if(video.buffered.length > 0){
var i=video.buffered.length;
var buffered_end=video.buffered.end(i-1);
var loaded_percent=(buffered_end/duration_time)*100;
var progress_bar_pixels=(loaded_percent*video_width)/100;
progress_buffered.style.width=progress_bar_pixels+"px";
}
if(!isFullScreen() && hasClass("hide_controls",container)){
removeClass("hide_controls",container);
}
}
function VideoClickPlayPause(){
if(video.paused){
/* PLAY THE VIDEO */
video.play();
paused="";
addClass("playing",container);
play_btn.innerHTML='';
center_play_icon.style.webkitAnimationName="popup";
center_play_icon.style.display="block";
setTimeout(function(){
center_play_icon.removeAttribute("style");
},500);
}else{
/* PAUSE THE VIDEO */
video.pause();
paused=1;
removeClass("playing",container);
play_btn.innerHTML='';
center_pause_icon.style.webkitAnimationName="popup";
center_pause_icon.style.display="block";
setTimeout(function(){
center_pause_icon.removeAttribute("style");
},500);
}
}
function PlayPause(){
if(hasClass("poster",container)){
video.play();
paused="";
thumb_box.style.display="none";
removeClass("poster",container);
addClass("playing",container);
play_btn.innerHTML='';
}else{
if(video.paused){
/* PLAY THE VIDEO */
video.play();
paused="";
addClass("playing",container);
play_btn.innerHTML='';
}else{
/* PAUSE THE VIDEO */
video.pause();
paused=1;
removeClass("playing",container);
play_btn.innerHTML='';
}
}
}
function step_back(){
if(!isNaN(video.currentTime)){
current_time=Math.floor(video.currentTime);
}
if(!isNaN(video.duration)){
duration_time=Math.floor(video.duration);
}
video.currentTime=current_time-15;
}
function step_forward(){
if(!isNaN(video.currentTime)){
current_time=Math.floor(video.currentTime);
}
if(!isNaN(video.duration)){
duration_time=Math.floor(video.duration);
}
video.currentTime=current_time+15;
}
function toggle_mute(){
if(video.muted){
video.muted=false;
if(volume<0.7){
mute_btn.innerHTML='';
}else{
mute_btn.innerHTML='';
}
var volume_handle_width=volume_handle.offsetWidth;
var volume_current_pixels=volume*volume_handle_width;
volume_before.style.width=volume_current_pixels+"px";
volume_current.style.left=volume_current_pixels+"px";
}else{
var volume_handle_width=volume_handle.offsetWidth;
var volume_current_width=volume_before.offsetWidth;
volume=volume_current_width/volume_handle_width;
video.muted=true;
mute_btn.innerHTML='';
volume_before.style.width="0px";
volume_current.style.left="0px";
}
}
function saveVolume(){
var volume_handle_width=volume_handle.offsetWidth;
var volume_current_pixels=volume*volume_handle_width;
volume_before.style.width=volume_current_pixels+"px";
volume_current.style.left=volume_current_pixels+"px";
}
function exitHandler(){
if (isFullScreen())
console.log("");
// nothing
else
cFullScreen();
}
function toggle_full_screen(){
if (isFullScreen())
cFullScreen();
else
requestFullScreen(container || document.documentElement);
jQuery.when(toggle_full_screen).done(function(){
setTimeout(function(){
video_width=video.offsetWidth;
timeupdate();
progressHandler();
saveVolume();
},800);
});
}
function isFullScreen(){
return (document.fullScreenElement && document.fullScreenElement !== null)
|| document.mozFullScreen
|| document.webkitIsFullScreen;
}
function vidSeeking(e){
var x = e.clientX;
var l=container.getBoundingClientRect().left;
var pos = x-l;
if(pos>=0 && pos<video_width){
progress_played_bar.style.width = pos+"px";
progress_thumb.style.left = pos+"px";
var current_percent=(pos/video_width)*100;
var seekto=duration_time*(current_percent/100);
video.currentTime=seekto;
}
}
function requestFullScreen(element){
if (element.requestFullscreen)
element.requestFullscreen();
else if (element.msRequestFullscreen)
element.msRequestFullscreen();
else if (element.mozRequestFullScreen)
element.mozRequestFullScreen();
else if (element.webkitRequestFullscreen)
element.webkitRequestFullscreen();
addClass("fullscreen",container);
fullscreen_btn.innerHTML='';
jQuery.when(requestFullScreen).done(function(){
setTimeout(function(){
video_width=video.offsetWidth;
timeupdate();
progressHandler();
saveVolume();
},500);
});
}
function cFullScreen(){
if (document.exitFullscreen)
document.exitFullscreen();
else if (document.msExitFullscreen)
document.msExitFullscreen();
else if (document.mozCancelFullScreen)
document.mozCancelFullScreen();
else if (document.webkitExitFullscreen)
document.webkitExitFullscreen();
removeClass("fullscreen",container);
removeClass("hide_controls",container);
fullscreen_btn.innerHTML='';
jQuery.when(cFullScreen).done(function(){
setTimeout(function(){
video_width=video.offsetWidth;
timeupdate();
progressHandler();
saveVolume();
},500);
});
}
function setVolume(e){
var x = e.clientX;
var l=volume_handle.getBoundingClientRect().left;
var pos = x-l;
if(pos>0 && pos<=volume_handle.offsetWidth){
volume_before.style.width=pos+"px";
volume_current.style.left=pos+"px";
var volume_handle_width=volume_handle.offsetWidth;
var current_percent=(pos/volume_handle_width)*100;
volume=current_percent/100;
video.muted=false;
video.volume=current_percent/100;
if(current_percent<70){
if(current_percent==0){
mute_btn.innerHTML='';
}else{
mute_btn.innerHTML='';
}
}else{
mute_btn.innerHTML='';
}
}else{
if(pos<=0){
video.muted=true;
mute_btn.innerHTML='';
volume_before.style.width="0px";
volume_current.style.left="0px";
}
}
}
function waiting(){
center_wait_icon.style.display="block";
center_wait_icon.style.opacity="1";
}
function notWaiting(){
center_wait_icon.style.display="none";
center_wait_icon.style.opacity="0";
}
function videoEnd(){
play_btn.innerHTML ='';
paused=1;
removeClass("playing",container);
}
function timerDisplay(e){
if(video.buffered.length > 0){
var x = e.clientX;
var l=container.getBoundingClientRect().left;
var w=hover_timer_box.offsetWidth;
var pos = x-l;
var mouse_pos_percent= (pos/video_width)*100;
var mouse_pos_time=duration_time*(mouse_pos_percent/100);
var curmins = Math.floor(mouse_pos_time / 60);
var cursecs = Math.floor(mouse_pos_time - curmins * 60);
if(cursecs < 10){ cursecs="0"+cursecs; }
if(curmins 0){
var new_volume_percent=curent_volume_percent-10;
if(new_volume_percent<=0){
mute_btn.innerHTML='';
volume_before.style.width="0px";
volume_current.style.left="0px";
video.muted=true;
volume=0;
}else{
if(new_volume_percent<70){
mute_btn.innerHTML='';
}else{
mute_btn.innerHTML='';
}
var new_volume=new_volume_percent/100;
var volume_handle_width=volume_handle.offsetWidth;
var new_position=new_volume*volume_handle_width;
volume_before.style.width=new_position+"px";
volume_current.style.left=new_position+"px";
video.muted=false;
video.volume=new_volume;
volume=new_volume;
}
}
e.preventDefault();
break;
case 38:
var curent_volume=video.volume;
var curent_volume_percent=curent_volume*100;
if(curent_volume_percent100){
new_volume_percent=100;
}
if(new_volume_percent<70){
mute_btn.innerHTML='';
}else{
mute_btn.innerHTML='';
}
var new_volume=new_volume_percent/100;
var volume_handle_width=volume_handle.offsetWidth;
var new_position=new_volume*volume_handle_width;
volume_before.style.width=new_position+"px";
volume_current.style.left=new_position+"px";
video.volume=new_volume;
video.muted=false;
volume=new_volume;
}
e.preventDefault();
break;
case 39:
step_forward();
e.preventDefault();
break;
case 37:
step_back();
e.preventDefault();
break;
case 32:
VideoClickPlayPause();
e.preventDefault();
break;
}
}
function huge_it_single_video_responsive(){
var video_parent=container.parentNode;
var computedStyle = getComputedStyle(video_parent);
var video_parent_width=video_parent.clientWidth-parseFloat(computedStyle.paddingRight)-parseFloat(computedStyle.paddingLeft);
if(!isFullScreen()){
if(video_parent_width<=video_param_width){
addClass("fullwidth",container);
jQuery.when(huge_it_single_video_responsive).done(function(){
setTimeout(function(){
video_width=video.offsetWidth;
videoResize();
},500);
});
}else{
removeClass("fullwidth",container);
jQuery.when(huge_it_single_video_responsive).done(function(){
setTimeout(function(){
video_width=video.offsetWidth;
videoResize();
},500);
});
}
}else{
setTimeout(function(){
video_width=video.offsetWidth;
},500);
}
}
function videoResize(){
setTimeout(function(){
video_width=video.offsetWidth;
timeupdate();
progressHandler();
saveVolume();
if(video_width<325){
addClass("small",container);
}else{
removeClass("small",container);
}
if(video_width -1;
}
/* ADD EVENT LISTENERS */
/* *** */
video.addEventListener("timeupdate",timeupdate,false);
video.addEventListener("playing",progressHandler,false);
video.addEventListener("loadeddata",progressHandler,false);
video.addEventListener("canplaythrough",progressHandler,false);
video.addEventListener("progress",progressHandler,false);
video.addEventListener("waiting",waiting,false);
video.addEventListener("canplay",notWaiting,false);
video.addEventListener("ended",videoEnd,false);
video.addEventListener("resize",videoResize,false);
/* *** */
video.addEventListener("click",VideoClickPlayPause,false);
video.addEventListener("dblclick",toggle_full_screen,false);
center_play_icon.addEventListener("click",VideoClickPlayPause,false);
center_pause_icon.addEventListener("click",VideoClickPlayPause,false);
center_wait_icon.addEventListener("click",VideoClickPlayPause,false);
thumb_box.addEventListener("click",PlayPause,false);
play_btn.addEventListener("click",PlayPause,false);
backward_btn.addEventListener("click",step_back,false);
forward_btn.addEventListener("click",step_forward,false);
mute_btn.addEventListener("click",toggle_mute,false);
fullscreen_btn.addEventListener("click",toggle_full_screen,false);
container.addEventListener('webkitfullscreenchange', exitHandler, false);
container.addEventListener('mozfullscreenchange', exitHandler, false);
container.addEventListener('fullscreenchange', exitHandler, false);
container.addEventListener('MSFullscreenChange', exitHandler, false);
progress_bar.addEventListener("mouseover",timerDisplay,false);
progress_bar.addEventListener("mousemove",timerDisplay,false);
progress_bar.addEventListener("mouseout",timerNotDisplay,false);
/* KEYBOARD */
/* *** */
container.addEventListener("mouseover",function(){
window.addEventListener("keydown",keyFunctions,false);
},false)
container.addEventListener("mouseout",function(){
window.removeEventListener("keydown",keyFunctions,false);
},false)
/* *** */
/* VIDEO SEEKING */
progress_bar.addEventListener("mousedown",function(e){
dragging=1;
vidSeeking(e);
},false);
window.addEventListener("mousemove",function(e){
if(dragging==1){
if(paused!=1){
video.pause();
}
removeClass("playing",container);
vidSeeking(e);
}
},false);
window.addEventListener("mouseup",function(){
if(dragging==1){
if(paused!==1){
video.play();
}
addClass("playing",container);
dragging="";
}
},false);
/* VOLUME CHANGING */
volume_handle.addEventListener("mousedown",function(e){
volume_dragging=1;
setVolume(e);
},false);
window.addEventListener("mousemove",function(e){
if(volume_dragging==1){
setVolume(e);
}
},false);
window.addEventListener("mouseup",function(){
if(volume_dragging==1){
volume_dragging="";
}
},false);
/* ONLOAD STUFF */
/* *** */
if(autoplay=="true"){
video.play();
video.autoplay = true;
addClass("playing",container);
removeClass("poster",container);
thumb_box.style.display="none";
play_btn.innerHTML='';
}else{
video.autoplay = false;
removeClass("playing",container);
play_btn.innerHTML='';
addClass("poster",container);
thumb_box.style.display="block";
}
huge_it_single_video_responsive();
jQuery(window).on("resize",function(){
huge_it_single_video_responsive();
});
var timeout;
container.onmousemove = function(){
if(isFullScreen()){
removeClass("hide_controls",container);
clearTimeout(timeout);
timeout = setTimeout(function(){
addClass("hide_controls",container);
},3000);
}
}
}
}
/*
parameters
*/
#huge_it_sigle_video_player_55776 {
width:640px;
margin:0px auto;
margin-top:5px;
margin-bottom:5px;
border:0px solid #009BE3;
}
#huge_it_sigle_video_player_55776 .thumbnail_block {
background:#EEEEEE;
}
#huge_it_sigle_video_player_55776 .huge_it_video_player_bottom {
background:rgba(51,51,51,0);
}
#huge_it_sigle_video_player_55776 .huge_it_video_player_center {
color:#FFFFFF !important;
}
#huge_it_sigle_video_player_55776 .huge_it_video_player_bottom .huge_it_video_player_controls .control,
#huge_it_sigle_video_player_55776 .thumbnail_block .thumbnail_play {
color:#FFFFFF !important;
}
#huge_it_sigle_video_player_55776 .huge_it_video_player_bottom .huge_it_video_player_controls .control:hover,
#huge_it_sigle_video_player_55776 .thumbnail_block .thumbnail_play:hover {
color:#FFFFFF !important;
}
#huge_it_sigle_video_player_55776 .huge_it_video_player_bottom .huge_it_video_player_duration_slide {
background:transparent;
}
#huge_it_sigle_video_player_55776 .huge_it_video_player_bottom .huge_it_video_player_duration_slide .duration {
background:rgba(255,255,255,0.2);
}
#huge_it_sigle_video_player_55776 .huge_it_video_player_bottom .huge_it_video_player_duration_slide .buffered {
background:rgba(255,255,255,0.4);
}
#huge_it_sigle_video_player_55776 .huge_it_video_player_bottom .huge_it_video_player_controls .volume_handle .volume_before,
#huge_it_sigle_video_player_55776 .huge_it_video_player_bottom .huge_it_video_player_duration_slide .played{
background:#F12B24;
}
#huge_it_sigle_video_player_55776 .huge_it_video_player_bottom .huge_it_video_player_duration_slide .thumb {
background:#f12b24;
}
#huge_it_sigle_video_player_55776 .huge_it_video_player_bottom .huge_it_video_player_controls .timer .current_time {
color:#FFFFFF;
}
#huge_it_sigle_video_player_55776 .huge_it_video_player_bottom .huge_it_video_player_controls .timer .separator,
#huge_it_sigle_video_player_55776 .huge_it_video_player_bottom .huge_it_video_player_controls .timer .duration_time {
color:#DDDDDD;
}
/*
static
*/
#huge_it_sigle_video_player_55776 {
position:relative;
display:table;
height:auto;
font-size:15px;
font-weight:normal;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-style:normal;
line-height:1;
text-indent:0px;
user-select:none;
-webkit-user-select:none;
-moz-user-select:none;
-o-user-select:none;
-ms-user-select:none;
box-sizing: content-box;
}
#huge_it_sigle_video_player_55776.poster {
overflow:hidden;
}
#huge_it_sigle_video_player_55776.fullwidth {
width:100%;
}
#huge_it_sigle_video_player_55776.fullscreen {
width:100%;
transition:none;
height:100%;
}
#huge_it_sigle_video_player_55776.fullscreen video {
width:100%;
max-height:100%;
}
#huge_it_sigle_video_player_55776 div[data-title]:hover:after {
content: attr(data-title);
padding:8px 10px;
color: #fff;
position: absolute;
left:0;
bottom: calc(100% + 20px);
bottom: -webkit-calc(100% + 20px);
bottom: -moz-calc(100% + 20px);
bottom: -ms-calc(100% + 20px);
bottom: -o-calc(100% + 20px);
white-space: nowrap;
z-index:6;
font-size:12px;
background:#444;
border-radius:2px;
line-height:1;
-moz-transition: opacity .1s cubic-bezier(0.0,0.0,0.2,1);
-webkit-transition: opacity .1s cubic-bezier(0.0,0.0,0.2,1);
transition: opacity .1s cubic-bezier(0.0,0.0,0.2,1);
}
#huge_it_sigle_video_player_55776 .huge_it_video_player_player {
position:relative;
float:left;
display:block;
width:100%;
height:100%;
margin:0px;
}
#huge_it_sigle_video_player_55776 .huge_it_video_player_player video {
position:relative;
float:left;
display:block;
width:100%;
height:auto;
margin:0px;
z-index:5;
background:#000;
}
#huge_it_sigle_video_player_55776 .thumbnail_block {
position:absolute;
display:none;
left:0px;
top:0px;
width:100%;
height:100%;
overflow:hidden;
z-index:10;
text-align:center;
vertical-align:middle;
}
#huge_it_sigle_video_player_55776 .thumbnail_block:before {
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
}
#huge_it_sigle_video_player_55776.poster .thumbnail_block {
display:block;
}
#huge_it_sigle_video_player_55776 .thumbnail_block img {
display:block;
position:absolute;
top:0px;
left:0px;
min-width:100%;
min-height:100%;
max-width:100%;
}
#huge_it_sigle_video_player_55776 .thumbnail_block .thumbnail_play {
position:absolute;
display:block;
left:50%;
top:50%;
margin:-30px 0px 0px -30px;
width:60px;
height:60px;
font-size:58px;
line-height:60px;
text-align:center;
cursor:poiner;
transition:transform .5s cubic-bezier(0.0,0.0,0.2,1);
cursor:pointer;
}
#huge_it_sigle_video_player_55776 .thumbnail_block .thumbnail_play:hover {
transform:scale(1.05,1.05);
}
#huge_it_sigle_video_player_55776 .huge_it_video_player_top {
position: absolute;
top: 0px;
left: 0px;
width: calc(100% - 30px);
width: -webkit-calc(100% - 30px);
width: -moz-calc(100% - 30px);
width: -o-calc(100% - 30px);
width: -ms-calc(100% - 30px);
padding: 15px;
background:rgba(0,0,0,.1);
cursor: pointer;
overflow: hidden;
z-index:11;
webkit-transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1);
transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1);
}
#huge_it_sigle_video_player_55776.playing .huge_it_video_player_top,
#huge_it_sigle_video_player_55776.hide_controls.playing .huge_it_video_player_top {
opacity:0;
}
#huge_it_sigle_video_player_55776.playing:not(.hide_controls):hover .huge_it_video_player_top {
opacity:1;
}
#huge_it_sigle_video_player_55776 .huge_it_video_player_top .video_title {
color: #fff;
}
#huge_it_sigle_video_player_55776 .huge_it_video_player_bottom {
position:absolute;
display:block;
bottom:0px;
left:0px;
height:50px;
width:100%;
z-index:6;
webkit-transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1);
transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1);
}
#huge_it_sigle_video_player_55776.fullscreen .huge_it_video_player_bottom {
height:80px;
}
#huge_it_sigle_video_player_55776.playing .huge_it_video_player_bottom {
opacity:0;
}
#huge_it_sigle_video_player_55776.hide_controls.playing .huge_it_video_player_bottom {
opacity:0;
}
#huge_it_sigle_video_player_55776.playing:not(.hide_controls):hover .huge_it_video_player_bottom {
opacity:1;
}
#huge_it_sigle_video_player_55776 .huge_it_video_player_bottom .huge_it_video_player_duration_slide {
position:absolute;
left:0px;
bottom:30px;
display:block;
width:100%;
height:20px;
margin:0px;
line-height:1;
cursor:pointer;
-moz-transition:all .1s cubic-bezier(0.0,0.0,0.2,1);
-webkit-transition:all .1s cubic-bezier(0.0,0.0,0.2,1);
-ms-transition:all .1s cubic-bezier(0.0,0.0,0.2,1);
transition:all .1s cubic-bezier(0.0,0.0,0.2,1);
transform-origin:center center;
-webkit-transform-origin:center center;
-moz-transform-origin:center center;
-o-transform-origin:center center;
}
#huge_it_sigle_video_player_55776.fullscreen .huge_it_video_player_bottom .huge_it_video_player_duration_slide {
height:30px;
bottom:50px;
}
#huge_it_sigle_video_player_55776 .huge_it_video_player_bottom .huge_it_video_player_duration_slide .duration {
position:absolute;
display:block;
bottom:7.5px;
left:0px;
width:100%;
height:5px;
z-index:6;
-moz-transition:all .1s cubic-bezier(0.0,0.0,0.2,1);
-webkit-transition:all .1s cubic-bezier(0.0,0.0,0.2,1);
-ms-transition:all .1s cubic-bezier(0.0,0.0,0.2,1);
transition:all .1s cubic-bezier(0.0,0.0,0.2,1);
transform-origin:center center;
-webkit-transform-origin:center center;
-moz-transform-origin:center center;
-o-transform-origin:center center;
}
#huge_it_sigle_video_player_55776.fullscreen .huge_it_video_player_bottom .huge_it_video_player_duration_slide .duration {
bottom:11px;
height:8px;
}
#huge_it_sigle_video_player_55776 .huge_it_video_player_bottom .huge_it_video_player_duration_slide .played {
position:absolute;
display:block;
bottom:7.5px;
left:0px;
width:0px;
height:5px;
z-index:8;
-moz-transition:height .1s cubic-bezier(0.0,0.0,0.2,1);
-webkit-transition:height .1s cubic-bezier(0.0,0.0,0.2,1);
-ms-transition:height .1s cubic-bezier(0.0,0.0,0.2,1);
transition:height .1s cubic-bezier(0.0,0.0,0.2,1);
transform-origin:center center;
-webkit-transform-origin:center center;
-moz-transform-origin:center center;
-o-transform-origin:center center;
}
#huge_it_sigle_video_player_55776.fullscreen .huge_it_video_player_bottom .huge_it_video_player_duration_slide .played {
bottom:11px;
height:8px;
}
#huge_it_sigle_video_player_55776 .huge_it_video_player_bottom .huge_it_video_player_duration_slide .thumb {
position:absolute;
display:block;
bottom:3.5px;
left:0px;
width:13px;
height:13px;
margin-left:-6.5px;
background:#f12b24;
border-radius:6.5px;
z-index:9;
cursor:pointer;
-moz-transition:transform .1s cubic-bezier(0.0,0.0,0.2,1);
-webkit-transition:transform .1s cubic-bezier(0.0,0.0,0.2,1);
-ms-transition:transform .1s cubic-bezier(0.0,0.0,0.2,1);
transition:transform .1s cubic-bezier(0.0,0.0,0.2,1);
transform-origin:center center;
-webkit-transform-origin:center center;
-moz-transform-origin:center center;
-o-transform-origin:center center;
}
#huge_it_sigle_video_player_55776 .huge_it_video_player_bottom .huge_it_video_player_duration_slide .thumb {
background:#f12b24;
}
#huge_it_sigle_video_player_55776.fullscreen .huge_it_video_player_bottom .huge_it_video_player_duration_slide .thumb {
bottom:5px;
width:20px;
height:20px;
border-radius:10px;
margin-left:-10px;
}
#huge_it_sigle_video_player_55776.playing .huge_it_video_player_bottom .huge_it_video_player_duration_slide .thumb {
transform:scale(0,0);
}
#huge_it_sigle_video_player_55776.playing .huge_it_video_player_bottom .huge_it_video_player_duration_slide:hover .thumb {
transform:scale(1,1);
}
#huge_it_sigle_video_player_55776 .huge_it_video_player_bottom .huge_it_video_player_duration_slide .buffered {
position:absolute;
display:block;
bottom:7.5px;
left:0px;
width:0px;
height:5px;
z-index:7;
-moz-transition:all .1s cubic-bezier(0.0,0.0,0.2,1);
-webkit-transition:all .1s cubic-bezier(0.0,0.0,0.2,1);
-ms-transition:all .1s cubic-bezier(0.0,0.0,0.2,1);
transition:all .1s cubic-bezier(0.0,0.0,0.2,1);
transform-origin:center center;
-webkit-transform-origin:center center;
-moz-transform-origin:center center;
-o-transform-origin:center center;
}
#huge_it_sigle_video_player_55776.fullscreen .huge_it_video_player_bottom .huge_it_video_player_duration_slide .buffered {
bottom:11px;
height:8px;
}
#huge_it_sigle_video_player_55776.playing .huge_it_video_player_bottom .huge_it_video_player_duration_slide .duration,
#huge_it_sigle_video_player_55776.playing .huge_it_video_player_bottom .huge_it_video_player_duration_slide .played,
#huge_it_sigle_video_player_55776.playing .huge_it_video_player_bottom .huge_it_video_player_duration_slide .buffered {
bottom:8.5px;
height:3px;
}
#huge_it_sigle_video_player_55776.playing.fullscreen .huge_it_video_player_bottom .huge_it_video_player_duration_slide .duration,
#huge_it_sigle_video_player_55776.playing.fullscreen .huge_it_video_player_bottom .huge_it_video_player_duration_slide .played,
#huge_it_sigle_video_player_55776.playing.fullscreen .huge_it_video_player_bottom .huge_it_video_player_duration_slide .buffered {
bottom:12.5px;
height:5px;
}
#huge_it_sigle_video_player_55776.playing .huge_it_video_player_bottom .huge_it_video_player_duration_slide:hover .duration,
#huge_it_sigle_video_player_55776.playing .huge_it_video_player_bottom .huge_it_video_player_duration_slide:hover .played,
#huge_it_sigle_video_player_55776.playing .huge_it_video_player_bottom .huge_it_video_player_duration_slide:hover .buffered {
bottom:7.5px;
height:5px;
}
#huge_it_sigle_video_player_55776.playing.fullscreen .huge_it_video_player_bottom .huge_it_video_player_duration_slide:hover .duration,
#huge_it_sigle_video_player_55776.playing.fullscreen .huge_it_video_player_bottom .huge_it_video_player_duration_slide:hover .played,
#huge_it_sigle_video_player_55776.playing.fullscreen .huge_it_video_player_bottom .huge_it_video_player_duration_slide:hover .buffered {
bottom:11px;
height:8px;
}
#huge_it_sigle_video_player_55776 .huge_it_video_player_bottom .huge_it_video_player_duration_slide .hover_timer {
position: absolute;
display:none;
left:0;
bottom:100%;
padding: 5px 9px;
max-width: 200px;
background:rgba(28,28,28,0.8);
border-radius:2px;
white-space: nowrap;
word-wrap: normal;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size:11px;
line-height:1;
color: #fff;
z-index:6;
-moz-transform: none;
-ms-transform: none;
-webkit-transform: none;
transform: none;
-moz-transition:opacity .1s cubic-bezier(0.4,0.0,1,1);
-webkit-transition:opacity .1s cubic-bezier(0.4,0.0,1,1);
-ms-transition:opacity .1s cubic-bezier(0.4,0.0,1,1);
transition:opacity .1s cubic-bezier(0.4,0.0,1,1);
-webkit-animation-duration:.1s;
-webkit-animation-iteration-count:1;
-webkit-animation-timing-function: cubic-bezier(0.4,0.0,1,1);
opacity:0;
}
@-webkit-keyframes opacity {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
#huge_it_sigle_video_player_55776 .huge_it_video_player_bottom .huge_it_video_player_controls {
position:absolute;
left:0px;
bottom:0px;
display:block;
width:100%;
height:30px;
margin:0px;
}
#huge_it_sigle_video_player_55776.small .huge_it_video_player_bottom .huge_it_video_player_controls {
text-align:center;
}
#huge_it_sigle_video_player_55776.fullscreen .huge_it_video_player_bottom .huge_it_video_player_controls {
height:50px;
}
#huge_it_sigle_video_player_55776 .huge_it_video_player_bottom .huge_it_video_player_controls .control {
position:relative;
display:inline-block;
width:30px;
height:30px;
margin:0px 0px 0px 5px;
font-size:16px;
line-height:30px;
text-align:center;
vertical-align:top;
cursor:pointer;
}
#huge_it_sigle_video_player_55776 .huge_it_video_player_bottom .huge_it_video_player_controls .control i{
line-height: inherit;
}
#huge_it_sigle_video_player_55776.fullscreen .huge_it_video_player_bottom .huge_it_video_player_controls .control {
width:50px;
height:50px;
margin:0px 0px 0px 5px;
font-size:30px;
line-height:50px;
}
#huge_it_sigle_video_player_55776 .huge_it_video_player_bottom .huge_it_video_player_controls .fast_back {
}
#huge_it_sigle_video_player_55776.small .huge_it_video_player_bottom .huge_it_video_player_controls .fast_back {
display:none;
}
#huge_it_sigle_video_player_55776 .huge_it_video_player_bottom .huge_it_video_player_controls .play_pause {
}
#huge_it_sigle_video_player_55776.small .huge_it_video_player_bottom .huge_it_video_player_controls .play_pause {
float:left;
}
#huge_it_sigle_video_player_55776 .huge_it_video_player_bottom .huge_it_video_player_controls .fast_forward {
}
#huge_it_sigle_video_player_55776.small .huge_it_video_player_bottom .huge_it_video_player_controls .fast_forward {
display:none;
}
#huge_it_sigle_video_player_55776 .huge_it_video_player_bottom .huge_it_video_player_controls .mute_button {
}
#huge_it_sigle_video_player_55776.small .huge_it_video_player_bottom .huge_it_video_player_controls .mute_button {
float:left;
}
#huge_it_sigle_video_player_55776.very_small .huge_it_video_player_bottom .huge_it_video_player_controls .mute_button {
display:none;
}
#huge_it_sigle_video_player_55776 .huge_it_video_player_bottom .huge_it_video_player_controls .volume_handle {
position:relative;
display:inline-block;
width:50px;
height:30px;
background: none;
cursor: pointer;
}
#huge_it_sigle_video_player_55776.small .huge_it_video_player_bottom .huge_it_video_player_controls .volume_handle {
float:left;
}
#huge_it_sigle_video_player_55776.very_small .huge_it_video_player_bottom .huge_it_video_player_controls .volume_handle {
display:none;
}
#huge_it_sigle_video_player_55776.fullscreen .huge_it_video_player_bottom .huge_it_video_player_controls .volume_handle {
position:relative;
display:inline-block;
width:100px;
height:50px;
}
#huge_it_sigle_video_player_55776 .huge_it_video_player_bottom .huge_it_video_player_controls .volume_handle .volume_before {
position: absolute;
top:13.5px;
left:0px;
height:3px;
width:50px;
z-index:7;
}
#huge_it_sigle_video_player_55776.fullscreen .huge_it_video_player_bottom .huge_it_video_player_controls .volume_handle .volume_before {
top:22.5px;
height:5px;
width:100px;
}
#huge_it_sigle_video_player_55776 .huge_it_video_player_bottom .huge_it_video_player_controls .volume_handle .volume_current {
position: absolute;
top:8.5px;
left:50px;
height:13px;
width: 4px;
margin-left:-2px;
background: #fff;
z-index:8;
}
#huge_it_sigle_video_player_55776.fullscreen .huge_it_video_player_bottom .huge_it_video_player_controls .volume_handle .volume_current {
top:15px;
height:20px;
width:6px;
margin-left:-3px;
left:100px;
width: 4px;
}
#huge_it_sigle_video_player_55776 .huge_it_video_player_bottom .huge_it_video_player_controls .volume_handle .volume_after {
position: absolute;
top:13.5px;
left:0px;
height:3px;
width:50px;
background:#fff;
z-index:6;
}
#huge_it_sigle_video_player_55776.fullscreen .huge_it_video_player_bottom .huge_it_video_player_controls .volume_handle .volume_after {
top:22.5px;
height:5px;
width:100px;
}
#huge_it_sigle_video_player_55776 .huge_it_video_player_bottom .huge_it_video_player_controls .timer {
position:relative;
display:inline-block;
min-width:50px;
height:30px;
margin:0px 0px 0px 5px;
vertical-align:top;
font-size:11px;
line-height:30px;
font-style:normal;
font-weight:normal;
text-align:center;
cursor:pointer;
}
#huge_it_sigle_video_player_55776.fullscreen .huge_it_video_player_bottom .huge_it_video_player_controls .timer {
height:50px;
font-size:14px;
line-height:50px;
}
#huge_it_sigle_video_player_55776 .huge_it_video_player_bottom .huge_it_video_player_controls .timer .current_time {
display:inline-block;
}
#huge_it_sigle_video_player_55776 .huge_it_video_player_bottom .huge_it_video_player_controls .timer .separator {
display:inline-block;
}
#huge_it_sigle_video_player_55776 .huge_it_video_player_bottom .huge_it_video_player_controls .timer .duration_time {
display:inline-block;
}
#huge_it_sigle_video_player_55776 .huge_it_video_player_bottom .huge_it_video_player_controls .full_screen {
float:right;
}
#huge_it_sigle_video_player_55776.small .huge_it_video_player_bottom .huge_it_video_player_controls .full_screen {
float:initial;
}
#huge_it_sigle_video_player_55776 .huge_it_video_player_center {
text-align:center;
font-size:15px;
line-height:40px;
}
#huge_it_sigle_video_player_55776 .huge_it_video_player_center div {
position:absolute;
display:none;
left:50%;
top:50%;
margin-top:-20px;
height:40px;
width:40px;
margin-left:-20px;
background: rgba(0,0,0,.2);
border-radius: 100%;
text-align:center;
transition:all .5s linear;
-webkit-animation-duration:.5s;
-webkit-animation-iteration-count:1;
-webkit-animation-timing-function: linear;
z-index:6;
opacity:0;
}
#huge_it_sigle_video_player_55776 .huge_it_video_player_center i {
line-height: 40px;
}
#huge_it_sigle_video_player_55776 .huge_it_video_player_center .center_wait {
background:transparent;
}
@-webkit-keyframes popup {
0% {
opacity:1;
transform:scale(1,1);
}
100% {
opacity:0;
transform:scale(3,3);
}
}
#huge_it_sigle_video_player_55776 * {
box-sizing:content-box !important;
text-indent: 0px;
}
VIP-Einblick Braunschweig
--
/
--
Tags:
Hengste