Ad Clicks : Ad Views : Ad Clicks : Ad Views : Ad Clicks : Ad Views : Ad Clicks : Ad Views : Ad Clicks : Ad Views : Ad Clicks : Ad Views : Ad Clicks : Ad Views : Ad Clicks : Ad Views : Ad Clicks : Ad Views : Ad Clicks : Ad Views : Ad Clicks : Ad Views :

Braunschweig: Interview mit dem DM-Mannschaftssieger Westfalen

/

/* Single Player */ function init_huge_it_single_video_player_74761(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); }

} } }

poster

Westfalen gewinnt Mannschafts-DM 2017
00:00
/

Braunschweig: Interview mit dem DM-Mannschaftssieger Westfalen

Source: Presseservice Kerstan