var iOS = /iPad|iPhone|iPod/.test(navigator.userAgent)&&!window.MSStream;
var ios_message = "You can't jump to another part of the video unless you pause it first." 

var repair_message = 'Playing many videos one after another may result in the videos not performing as they should any more at a given moment of time. When this happens, refreshing the page will solve the problem.'


function mousemove()
{
if(!isMobile){var time_hover=player.getDuration()*((event.pageX-document.getElementById("seekbar").offsetLeft -document.getElementById("contain_all").offsetLeft)/document.getElementById("seekbar").clientWidth); player.getCurrentTime()==time_hover; var the_date = new Date(null);the_date.setSeconds(time_hover);var utc_time=the_date.toUTCString();var time_indic=utc_time.substr(utc_time.indexOf(":")- 2, 8);var time_indic = the_date.getUTCHours() + ":" + the_date.getUTCMinutes() + ":" +  the_date.getUTCSeconds();var time_indic = the_date.toISOString().substr(11, 8); document.getElementById("check_time").innerHTML=time_indic; document.getElementById("check_time").style.left=event.pageX-document.getElementById("seekbar").offsetLeft - document.getElementById("contain_all").offsetLeft+"px"; if(event.pageX>document.getElementById("contain_all").clientWidth - document.getElementById("contain_all").offsetLeft -70){document.getElementById("check_time").style.left=document.getElementById("seekbar").clientWidth-65+"px"}}
}


function loadVideo(yt_id, start, end, playlist)
{
//YouTube changed their code for playlists, so we 'correct' it
if(playlist){playlist = yt_id + ',' + playlist};
//remove blanks from playlists
if(playlist){playlist = playlist.split(/\s/).join('')};

if(document.getElementById('minimize'))
{
var style_minimize='show_minimize'
}

if(document.getElementById('parent_of_all')){player.destroy(); player=null; document.body.removeChild(document.getElementById('parent_of_all'))}


if(document.getElementById('ifr'))
{

document.getElementById('ifr').style.height=0;
}

if("contain_all" in window){document.getElementById('contain_all').innerHTML=''}

for (var i = 1; i < 7000; i++){window.clearInterval(i)};

/* if you have videos of more than 5 hours, increase this number  */
if("the_end" in window){the_end=18000};


if (!("videosize" in window)) {videosize = 0.4}



if(document.getElementById('video_main'))
{
for (i = document.getElementById('video_main').parentNode.childNodes.length; i-- > 0;) {document.getElementById('video_main').parentNode.removeChild(document.getElementById('video_main').parentNode.childNodes[i]);}
}


if(playlist!==undefined)
{
var create_video=document.createElement("div");
create_video.id='parent_of_all';
create_video.innerHTML='<div id="contain_all" style="position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; background: black; z-index: 10000; border: 1px solid black; min-width: 320px"><div style="position: fixed; top: 5px; left: 9px; z-index: 11000; background: transparant; color: white; font-family: arial; font-size: 18px; font-weight: bold"><div id="current_index"  style="display: inline-block"><\/div><div id="total_index" style="display: inline-block" ><\/div><\/div><div id="video_main" style="position: absolute; left: -0%; top: 0; right: -0%; bottom: 0; background: black; z-index: 10000; border: 0px solid green; overflow: hidden"><div id="the_loading_gif" style="position: absolute; left:50%; top: calc(50% - 23px); transform: translate(-50%, -50%); z-index: 11000; height: 50px; "><img src="loading1.gif" style="height: 100%"></div><div style="position: absolute; z-index: 10001; top: 1px; color: white; background: black  ; border: 0px solid red; border-radius: 0px ; right: 1px; font-family: arial; line-height: 22px; font-size: 21px; padding-top: 7px; padding-bottom: 10px; font-weight: bold; text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black; height: 23px; direction: rtl; background-image: linear-gradient(to right, #313131, #313131); background: transparent; border: 0px inset silver  "><div id="video_close_button" style="position: relative; display: inline-block; margin-left: 25px; cursor: pointer; padding: 10px; padding-top: 0" onmouseenter="this.style.border=\'0px solid white\'; "  onmouseleave="this.style.border=\'0px solid black\'; " onclick="player.pauseVideo(); document.getElementById(\'contain_all\').style.zIndex=-1; document.getElementById(\'contain_all\').style.opacity=0; document.getElementById(\'video_main\').style.zIndex=-1; document.getElementById(\'video_main\').style.opacity=0; document.getElementById(\'check_seekbar_etc\').style.display=\'none\';    document.getElementById(\'timer\').style.zIndex=-1;  document.getElementById(\'still_to_go\').style.zIndex=-1;  document.getElementById(\'info\').style.opacity=0;  document.getElementById(\'active_video\').style.visibility=\'hidden\'; document.getElementById(\'contain_all\').style.zIndex=-1;  vvideosize=videosize; delete videosize;  for (var i = 1; i < 7; i++){window.clearInterval(i)}; ">\nX<\/div><div id="info_button" style="position: relative; display: inline-block; margin-left: 25px; cursor: pointer; padding: 10px; padding-top: 0px" onmouseenter="this.style.border=\'0px solid white\'; "  onmouseleave="this.style.border=\'0px solid black\'; "onclick="document.getElementById(\'info2\').style.display=\'block\'" >i<\/div><div id="minimize" style="position: relative; display: none; margin-left: 15px; cursor: pointer; padding: 10px; padding-top: 0" onmouseenter="this.style.border=\'0px solid white\'; "  onmouseleave="this.style.border=\'0px solid black\'; " onclick="document.getElementById(\'contain_all\').style.zIndex=-1; document.getElementById(\'contain_all\').style.opacity=0; document.getElementById(\'video_main\').style.zIndex=-1; document.getElementById(\'video_main\').style.opacity=0; document.getElementById(\'check_seekbar_etc\').style.display=\'none\';    document.getElementById(\'timer\').style.zIndex=-1;  document.getElementById(\'still_to_go\').style.zIndex=-1;  document.getElementById(\'info\').style.opacity=0;  document.getElementById(\'active_video\').style.visibility=\'visible\'; document.getElementById(\'contain_all\').style.zIndex=-1;  vvideosize=videosize; delete videosize;  for (var i = 1; i < 7; i++){window.clearInterval(i)};"><span style="position: relative; display: inline-block; top: -12px" >_<\/span><\/div><div id="repair" style=" position: relative; display: inline-block; margin-left: 1px; cursor: pointer; padding: 10px; padding-top: 0; display: none " onclick="alert(repair_message) ">?<img alt=\'\' title=\'repair\' src=\'repair.jpg\' style=\'position: relative; height: 30px; width: 30px; top: -7px; padding-left: 10px; display: none\'><\/div><\/div><div id="ifr_container" style="position: absolute; top:0px; left:0; right: 0; bottom: 0; overflow: hidden; margin: auto">\n<iframe allow="autoplay"  id="ifr" src="https:\/\/www.youtube-nocookie.com\/embed\/' + yt_id + '?html5=1&enablejsapi=1&autoplay=1&controls=0&start='+start+'&end='+end+'&rel=0&wmode=opaque&modestbranding=1&autohide=2&vq=large&playlist='+playlist +'  " style="position: absolute; width: 100%; min-width: 300px; height: 0; top: calc(-50% + 0px); opacity: 0; " frameborder="no"    onload="player=new YT.Player(document.getElementById(\'ifr\'));  document.getElementById(\'ifr\').style.opacity=0;   if(iOS) {this.parentNode.style.webkitOverflowScrolling = \'touch\'; this.parentNode.style.overflowY = \'hidden\'}; "><\/iframe>\n<\/div>\n<\/div><div style=\'line-height: normal; \' id=\'check_seekbar_etc\'><div id="playbutton_left" style="position: absolute; bottom: 0px; z-index: 10006; left: 10px; font-family: arial; font-size: 15px; cursor: pointer; color: white" onclick=" player.playVideo()"><img alt=\'\' title=\'play\' src=\'playbutton.png\' style=\'position: relative; height: 20px; top: -5px; \'><\/div><div id="pausebutton_left" style="visibility: hidden; position: absolute; bottom: 0px; z-index: 10006; left: 0px; font-family: arial; font-size: 15px; cursor: pointer; " onclick="player.pauseVideo(); document.getElementById(\'replay\').style.visibility=\'visible\' "><img alt=\'\' title=\'pause\' src=\'pausebutton.png\' style=\'position: relative; height: 40px; top: 5px; \'><\/div><div id="video_settings" style="position: absolute; bottom: 0px; color: white; z-index: 10006; right: -3px; font-family: arial; font-size: 15px; text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black; cursor: pointer; " ><span onclick=" if(player.getPlayerState()!==2){alert(\'Clicking on this button will give you the YouTube settings of the video. But you have to pause the video first.\')}; if(player.getPlayerState()===2){toggle_settings()}"><img alt=\'\' title=\'toggle settings\' src=\'youtube_settings.jpg\' style=\'position: relative; border: 0px solid red; width: 43px; height: 30px; top: 0px; border-radius: 100%\'><\/span><\/div><\/div><div id="replay" style="position: absolute; z-index: 10002; visibility: hidden; left: 50%; top: calc(50% - 23px); transform: translate(-50%, -50%); font-family: arial; font-size: 60px; cursor: pointer; color: red" onclick="document.getElementById(\'replay\').style.visibility = \'hidden\'; player.playVideo();  ">&#9654;<\/div><div id="info" style="z-index: 10005; position: absolute; width: 500px; max-width: calc(100% - 80px);  text-align: center; color: black; background: white; padding: 0px; left: 50%; top: 50%; transform: translate(-50%, -50%); margin: auto; font-family: arial; font-size: 16px; line-height: 25px; box-shadow: 5px 5px 5px #888888; user-select: text" ><\/div><div id=\'seekbar\' style=\'position: absolute;z-index:10005;left:10px; bottom:0px;  right: 10px; height:70px; padding: 0px; background: transparent;    \' onmousemove=\'mousemove()\' onmouseleave=\'document.getElementById("check_time").innerHTML=""\'  onclick=\' if(!iOS && event.target.style.position != &quot;relative&quot;){player.seekTo(((player.getDuration()-0) * (event.pageX -document.getElementById("seekbar").offsetLeft -document.getElementById("contain_all").offsetLeft) \/ document.getElementById("seekbar").clientWidth*1 )-0)}; if(iOS && player.getPlayerState() === 2 && event.target.style.position != &quot;relative&quot;){player.seekTo(((player.getDuration()-0) * (event.pageX -document.getElementById("seekbar").offsetLeft-document.getElementById("contain_all").offsetLeft) \/ document.getElementById("seekbar").clientWidth*1 )-0)}; if(iOS && player.getPlayerState() === 1 && event.target.style.position != &quot;relative&quot;){alert(ios_message)};   \'><div id=\'elapsed\' style=\'position: absolute;  background: transparent; color: white;  font-family: arial; font-size: 13px; padding: 5px; padding-top: 0px; padding-bottom: 0px;   font-weight: bold; bottom: 3px; text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black; left: 40px\' >&nbsp;<\/div><div id=\'duration\' style=\'position: absolute; left: 110px; background: transparent; color: white; font-family: arial; font-size: 13px; padding: 5px; padding-top: 0px; padding-bottom: 0px; font-weight: bold; bottom: 3px; text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black; \' >&nbsp<\/div><div id=\'next_prev\' style=\'display: block; position: absolute; left:166px; color: white; width: auto; font-family: arial; bottom: 4px; \'><div style=\'position: relative; background: transparent; padding-bottom: 0px \'> <span>&nbsp;&nbsp;<\/span><span id=\'prev_button\' style=\'cursor: pointer; display: inline-block; font-weight: bold; font-size: 20px; position: relative; top: 0px; padding-left: 15px; padding-right: 15px; text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black; \' onclick=\'player.previousVideo()\'>&lt;<\/span><span id=\'next_button\' style=\'cursor: pointer; margin-left:0px; display: inline-block; font-weight: bold; font-size: 20px; position: relative; top: 0px; padding-left: 15px; padding-right: 15px; text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black; \' onclick=\'player.nextVideo()\'>&gt;<\/span><\/div><\/div><div id=\'check_time\' style=\'position:absolute; bottom: 50px;background: black; color: white; font-family: arial; font-size: 16px; \'>&nbsp;<\/div><div id=\'still_to_go\' style=\'position: absolute; left: 0px; width: calc(100% - 0px); bottom: 50px;background: silver; height: 1px;  border-radius: 20px;opacity: 1; \' onclick=\'if(!iOS){player.seekTo(((player.getDuration()-0) * (event.pageX -document.getElementById("seekbar").offsetLeft -document.getElementById("contain_all").offsetLeft) \/ document.getElementById("seekbar").clientWidth*1 )-0)}; if(iOS && player.getPlayerState() === 2){player.seekTo(((player.getDuration()-0) * (event.pageX -document.getElementById("seekbar").offsetLeft-document.getElementById("contain_all").offsetLeft) \/ document.getElementById("seekbar").clientWidth*1 )-0)}; if(iOS && player.getPlayerState() === 1){alert(ios_message)}  \' >&nbsp;<\/div><div id=\'timer\' style=\'position: absolute; background: red; height: 1px; bottom: 50px; border-radius: 20px\' onclick=\'if(!iOS){player.seekTo(((player.getDuration()-0) * (event.pageX -document.getElementById("seekbar").offsetLeft -document.getElementById("contain_all").offsetLeft) \/ document.getElementById("seekbar").clientWidth*1 )-0)}; if(iOS && player.getPlayerState() === 2){player.seekTo(((player.getDuration()-0) * (event.pageX -document.getElementById("seekbar").offsetLeft -document.getElementById("contain_all").offsetLeft) \/ document.getElementById("seekbar").clientWidth*1 )-0)}; if(iOS && player.getPlayerState() === 1){alert(ios_message)}  \' ><\/div><\/div><\/div><div id="active_video" style="position: fixed; background: #6F7173;  color: white;  left: 50%; bottom: 5px; transform: translateX(-50%); z-index: 10005; visibility: hidden; font-family: arial; font-size: 18px; line-height: 25px; padding: 10px; padding-left: 5px; padding-right: 5px; border: 1px solid black; box-shadow: 5px 5px 5px silver; cursor: pointer; text-align: center; width: 232px " onclick="videosize=vvideosize; this.style.visibility=\'hidden\'; document.getElementById(\'contain_all\').style.zIndex=10000; document.getElementById(\'contain_all\').style.opacity=1; document.getElementById(\'video_main\').style.zIndex=10000; document.getElementById(\'video_main\').style.opacity=1;  document.getElementById(\'check_seekbar_etc\').style.display=\'block\'; document.getElementById(\'info\').style.opacity=1; document.getElementById(\'seekbar\').style.bottom=0;  document.getElementById(\'timer\').style.zIndex=10002;  document.getElementById(\'still_to_go\').style.zIndex=10002;   ">Show video<\/div>'
document.body.appendChild(create_video);

}


if(playlist===undefined)
{
var create_video=document.createElement("div");
create_video.id='parent_of_all';
create_video.innerHTML='<div id="contain_all" style="position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; background: black; z-index: 10000; border: 1px solid black; min-width: 320px"><div style="position: fixed; top: 5px; left: 9px; z-index: 11000; background: transparant; color: white; font-family: arial; font-size: 18px; font-weight: bold"><div id="current_index"  style="display: inline-block"><\/div><div id="total_index" style="display: inline-block" ><\/div><\/div><div id="video_main" style="position: absolute; left: -0%; top: 0; right: -0%; bottom: 0; background: black; z-index: 10000; border: 0px solid green; overflow: hidden"><div id="the_loading_gif" style="position: absolute; left:50%; top: calc(50% - 23px); transform: translate(-50%, -50%); z-index: 11000; height: 50px; "><img src="loading1.gif" style="height: 100%"></div><div style="position: absolute; z-index: 10001; top: 1px; color: white; background: black  ; border: 0px solid red; border-radius: 0px ; right: 1px; font-family: arial; line-height: 22px; font-size: 21px; padding-top: 7px; padding-bottom: 10px; font-weight: bold; text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black; height: 23px; direction: rtl; background-image: linear-gradient(to right, #313131, #313131); background: transparent; border: 0px inset silver  "><div id="video_close_button" style="position: relative; display: inline-block; margin-left: 25px; cursor: pointer; padding: 10px; padding-top: 0" onmouseenter="this.style.border=\'0px solid white\'; "  onmouseleave="this.style.border=\'0px solid black\'; " onclick="player.pauseVideo(); document.getElementById(\'contain_all\').style.zIndex=-1; document.getElementById(\'contain_all\').style.opacity=0; document.getElementById(\'video_main\').style.zIndex=-1; document.getElementById(\'video_main\').style.opacity=0; document.getElementById(\'check_seekbar_etc\').style.display=\'none\';    document.getElementById(\'timer\').style.zIndex=-1;  document.getElementById(\'still_to_go\').style.zIndex=-1;  document.getElementById(\'info\').style.opacity=0;  document.getElementById(\'active_video\').style.visibility=\'hidden\'; document.getElementById(\'contain_all\').style.zIndex=-1;  vvideosize=videosize; delete videosize;  for (var i = 1; i < 7; i++){window.clearInterval(i)}; ">\nX<\/div><div id="info_button" style="position: relative; display: inline-block; margin-left: 25px; cursor: pointer; padding: 10px; padding-top: 0px" onmouseenter="this.style.border=\'0px solid white\'; "  onmouseleave="this.style.border=\'0px solid black\'; "onclick="document.getElementById(\'info2\').style.display=\'block\'" >i<\/div><div id="minimize" style="position: relative; display: none; margin-left: 15px; cursor: pointer; padding: 10px; padding-top: 0" onmouseenter="this.style.border=\'0px solid white\'; "  onmouseleave="this.style.border=\'0px solid black\'; " onclick="document.getElementById(\'contain_all\').style.zIndex=-1; document.getElementById(\'contain_all\').style.opacity=0; document.getElementById(\'video_main\').style.zIndex=-1; document.getElementById(\'video_main\').style.opacity=0; document.getElementById(\'check_seekbar_etc\').style.display=\'none\';    document.getElementById(\'timer\').style.zIndex=-1;  document.getElementById(\'still_to_go\').style.zIndex=-1;  document.getElementById(\'info\').style.opacity=0;  document.getElementById(\'active_video\').style.visibility=\'visible\'; document.getElementById(\'contain_all\').style.zIndex=-1;  vvideosize=videosize; delete videosize;  for (var i = 1; i < 7; i++){window.clearInterval(i)};"><span style="position: relative; display: inline-block; top: -12px" >_<\/span><\/div><div id="repair" style=" position: relative; display: inline-block; margin-left: 1px; cursor: pointer; padding: 10px; padding-top: 0; display: none " onclick="alert(repair_message) ">?<img alt=\'\' title=\'repair\' src=\'repair.jpg\' style=\'position: relative; height: 30px; width: 30px; top: -7px; padding-left: 10px; display: none\'><\/div><\/div><div id="ifr_container" style="position: absolute; top:0px; left:0; right: 0; bottom: 0; overflow: hidden; margin: auto">\n<iframe allow="autoplay"  id="ifr" src="https:\/\/www.youtube-nocookie.com\/embed\/' + yt_id + '?html5=1&enablejsapi=1&autoplay=1&controls=0&start='+start+'&end='+end+'&rel=0&wmode=opaque&modestbranding=1&autohide=2&vq=large  " style="position: absolute; width: 100%; min-width: 300px; height: 0; top: calc(-50% + 0px); opacity: 0; " frameborder="no"    onload="player=new YT.Player(document.getElementById(\'ifr\')); document.getElementById(\'ifr\').style.opacity=0;   if(iOS) {this.parentNode.style.webkitOverflowScrolling = \'touch\'; this.parentNode.style.overflowY = \'hidden\'}; "><\/iframe>\n<\/div>\n<\/div><div style=\'line-height: normal; \' id=\'check_seekbar_etc\'><div id="playbutton_left" style="position: absolute; bottom: 0px; z-index: 10006; left: 10px; font-family: arial; font-size: 15px; cursor: pointer; color: white" onclick=" player.playVideo()"><img alt=\'\' title=\'play\' src=\'playbutton.png\' style=\'position: relative; height: 20px; top: -5px; \'><\/div><div id="pausebutton_left" style="visibility: hidden; position: absolute; bottom: 0px; z-index: 10006; left: 0px; font-family: arial; font-size: 15px; cursor: pointer; " onclick="player.pauseVideo(); document.getElementById(\'replay\').style.visibility=\'visible\' "><img alt=\'\' title=\'pause\' src=\'pausebutton.png\' style=\'position: relative; height: 40px; top: 5px; \'><\/div><div id="video_settings" style="position: absolute; bottom: 0px; color: white; z-index: 10006; right: -3px; font-family: arial; font-size: 15px; text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black; cursor: pointer; " ><span onclick=" if(player.getPlayerState()!==2){alert(\'Clicking on this button will give you the YouTube settings of the video. But you have to pause the video first.\')}; if(player.getPlayerState()===2){toggle_settings()}"><img alt=\'\' title=\'toggle settings\' src=\'youtube_settings.jpg\' style=\'position: relative; border: 0px solid red; width: 43px; height: 30px; top: 0px; border-radius: 100%\'><\/span><\/div><\/div><div id="replay" style="position: absolute; z-index: 10002; visibility: hidden; left: 50%; top: calc(50% - 23px); transform: translate(-50%, -50%); font-family: arial; font-size: 60px; cursor: pointer; color: red" onclick="document.getElementById(\'replay\').style.visibility = \'hidden\'; player.playVideo();  ">&#9654;<\/div><div id="info" style="z-index: 10005; position: absolute; width: 500px; max-width: calc(100% - 80px);  text-align: center; color: black; background: white; padding: 0px; left: 50%; top: 50%; transform: translate(-50%, -50%); margin: auto; font-family: arial; font-size: 16px; line-height: 25px; box-shadow: 5px 5px 5px #888888; user-select: text" ><\/div><div id=\'seekbar\' style=\'position: absolute;z-index:10005;left:10px; bottom:0px;  right: 10px; height:70px; padding: 0px; background: transparent;    \' onmousemove=\'mousemove()\' onmouseleave=\'document.getElementById("check_time").innerHTML=""\'  onclick=\' if(!iOS && event.target.style.position != &quot;relative&quot;){player.seekTo(((player.getDuration()-0) * (event.pageX -document.getElementById("seekbar").offsetLeft -document.getElementById("contain_all").offsetLeft) \/ document.getElementById("seekbar").clientWidth*1 )-0)}; if(iOS && player.getPlayerState() === 2 && event.target.style.position != &quot;relative&quot;){player.seekTo(((player.getDuration()-0) * (event.pageX -document.getElementById("seekbar").offsetLeft-document.getElementById("contain_all").offsetLeft) \/ document.getElementById("seekbar").clientWidth*1 )-0)}; if(iOS && player.getPlayerState() === 1 && event.target.style.position != &quot;relative&quot;){alert(ios_message)};   \'><div id=\'elapsed\' style=\'position: absolute;  background: transparent; color: white;  font-family: arial; font-size: 13px; padding: 5px; padding-top: 0px; padding-bottom: 0px;   font-weight: bold; bottom: 3px; text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black; left: 40px\' >&nbsp;<\/div><div id=\'duration\' style=\'position: absolute; left: 110px; background: transparent; color: white; font-family: arial; font-size: 13px; padding: 5px; padding-top: 0px; padding-bottom: 0px; font-weight: bold; bottom: 3px; text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black; \' >&nbsp<\/div><div id=\'next_prev\' style=\'display: block; position: absolute; left:166px; color: white; width: auto; font-family: arial; bottom: 4px; \'><div style=\'position: relative; background: transparent; padding-bottom: 0px \'> <span>&nbsp;&nbsp;<\/span><span id=\'prev_button\' style=\'cursor: pointer; display: inline-block; font-weight: bold; font-size: 20px; position: relative; top: 0px; padding-left: 15px; padding-right: 15px; text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black; \' onclick=\'player.previousVideo()\'>&lt;<\/span><span id=\'next_button\' style=\'cursor: pointer; margin-left:0px; display: inline-block; font-weight: bold; font-size: 20px; position: relative; top: 0px; padding-left: 15px; padding-right: 15px; text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black; \' onclick=\'player.nextVideo()\'>&gt;<\/span><\/div><\/div><div id=\'check_time\' style=\'position:absolute; bottom: 50px;background: black; color: white; font-family: arial; font-size: 16px; \'>&nbsp;<\/div><div id=\'still_to_go\' style=\'position: absolute; left: 0px; width: calc(100% - 0px); bottom: 50px;background: silver; height: 1px;  border-radius: 20px;opacity: 1; \' onclick=\'if(!iOS){player.seekTo(((player.getDuration()-0) * (event.pageX -document.getElementById("seekbar").offsetLeft -document.getElementById("contain_all").offsetLeft) \/ document.getElementById("seekbar").clientWidth*1 )-0)}; if(iOS && player.getPlayerState() === 2){player.seekTo(((player.getDuration()-0) * (event.pageX -document.getElementById("seekbar").offsetLeft-document.getElementById("contain_all").offsetLeft) \/ document.getElementById("seekbar").clientWidth*1 )-0)}; if(iOS && player.getPlayerState() === 1){alert(ios_message)}  \' >&nbsp;<\/div><div id=\'timer\' style=\'position: absolute; background: red; height: 1px; bottom: 50px; border-radius: 20px\' onclick=\'if(!iOS){player.seekTo(((player.getDuration()-0) * (event.pageX -document.getElementById("seekbar").offsetLeft -document.getElementById("contain_all").offsetLeft) \/ document.getElementById("seekbar").clientWidth*1 )-0)}; if(iOS && player.getPlayerState() === 2){player.seekTo(((player.getDuration()-0) * (event.pageX -document.getElementById("seekbar").offsetLeft -document.getElementById("contain_all").offsetLeft) \/ document.getElementById("seekbar").clientWidth*1 )-0)}; if(iOS && player.getPlayerState() === 1){alert(ios_message)}  \' ><\/div><\/div><\/div><div id="active_video" style="position: fixed; background: #6F7173;  color: white;  left: 50%; bottom: 5px; transform: translateX(-50%); z-index: 10005; visibility: hidden; font-family: arial; font-size: 18px; line-height: 25px; padding: 10px; padding-left: 5px; padding-right: 5px; border: 1px solid black; box-shadow: 5px 5px 5px silver; cursor: pointer; text-align: center; width: 232px " onclick="videosize=vvideosize; this.style.visibility=\'hidden\'; document.getElementById(\'contain_all\').style.zIndex=10000; document.getElementById(\'contain_all\').style.opacity=1; document.getElementById(\'video_main\').style.zIndex=10000; document.getElementById(\'video_main\').style.opacity=1;  document.getElementById(\'check_seekbar_etc\').style.display=\'block\'; document.getElementById(\'info\').style.opacity=1; document.getElementById(\'seekbar\').style.bottom=0;  document.getElementById(\'timer\').style.zIndex=10002;  document.getElementById(\'still_to_go\').style.zIndex=10002;   ">Show video<\/div>'
document.body.appendChild(create_video);
}

if(style_minimize=='show_minimize')
{
document.getElementById('minimize').style.display='inline-block'
}

if(iOS){setTimeout("document.getElementById('replay').style.visibility='visible' ", 5000) }
if(iOS)document.getElementById('the_loading_gif').style.visibility='visible';

if(playlist==undefined){document.getElementById('next_prev').style.visibility='hidden'};
info('No information for this video.');


//document.getElementById('ifr').style.opacity=0;



function show_hide_video_settings()
{
if(window.innerWidth<=500){document.getElementById('video_settings').style.visibility='hidden'}
if(window.innerWidth>500){document.getElementById('video_settings').style.visibility='visible'}
}

setInterval("if(player.getPlaylistIndex()+1>=player.getPlaylist().length){document.getElementById('next_button').style.display='none'} else {document.getElementById('next_button').style.display='inline-block'}  ", 100);

setInterval("if(player.getPlaylistIndex()<1){document.getElementById('prev_button').style.display='none'} else {document.getElementById('prev_button').style.display='inline-block'}  ", 100);

setInterval("displ_current_time()",500);
setInterval("displ_duration()",500);
setInterval("has_paused_or_ended()",10);
setInterval("if(document.getElementById('ifr').clientHeight>window.innerHeight)show_custom_buttons()",500)
setInterval("if(document.getElementById('ifr').clientHeight===window.innerHeight)hide_custom_buttons()",500)
the_timer()

if (start){the_start=start}
if (!start){the_start=0}
if (end){the_end=end}
the_playlist=playlist

document.getElementById('info').onclick=function(e){
this.style.textShadow=null;
s = window.getSelection();
var range = s.getRangeAt(0);
var node = s.anchorNode;
while(range.toString().indexOf(' ') != 0) {                 
range.setStart(node,(range.startOffset -1));
}
range.setStart(node, range.startOffset +1);
do{range.setEnd(node,range.endOffset + 1);
}
while(range.toString().indexOf(' ') == -1 && range.toString().trim() != '');
var str = range.toString().trim(); //hh:mm:ss

if(!isNaN(parseFloat(str))==true)var p = str.split(':'), s = 0, m = 1;
while (p.length > 0) {
s += m * parseInt(p.pop(), 10);
m *= 60;
}

player.seekTo(s);
}



}

function yt_size()
{
setTimeout("document.getElementById('ifr').style.top='-23px' ",200);
setTimeout("document.getElementById('ifr').style.height='100%'",200);
player.pauseVideo();
//document.getElementById('ifr').style.opacity=0.001;
setTimeout("document.getElementById('ifr').style.opacity=1",500)
}



function show_custom_buttons()
{
document.getElementById('seekbar').style.display='block';
document.getElementById('duration').style.display='block';
document.getElementById('elapsed').style.display='block';
document.getElementById('next_prev').style.display='block';
document.getElementById('still_to_go').style.display='block';
document.getElementById('timer').style.display='block';
//document.getElementById('video_close_button').style.display='inline-block';
//document.getElementById('info_button').style.display='inline-block';
}

function hide_custom_buttons()
{

document.getElementById('seekbar').style.display='none';
document.getElementById('duration').style.display='none';
document.getElementById('elapsed').style.display='none';
document.getElementById('next_prev').style.display='none';
document.getElementById('still_to_go').style.display='none';
document.getElementById('timer').style.display='none';
//document.getElementById('video_close_button').style.display='none';
//document.getElementById('info_button').style.display='none';
}

var the_window;
function toggle_settings()
{

if(document.getElementById('ifr').clientHeight===window.innerHeight){the_window='small'}
if(document.getElementById('ifr').clientHeight>window.innerHeight){the_window='big'}
if(the_window==='small')
{
player.playVideo(); show_custom_buttons()
}

if(the_window==='big')
{
yt_size(); hide_custom_buttons()
}

}

var isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);

var elapsed_time;
function the_timer()
{
elapsed_time=setInterval("document.getElementById('timer').style.paddingLeft=100*player.getCurrentTime()/player.getDuration()+'%'",500)

}

function info(the_info)
{
var show_info=document.getElementById('info');
show_info.innerHTML='<div id="info2" style="border: 1px solid silver; padding: 15px; display: none; max-height: 50vh; overflow: auto; -webkit-overflow-scrolling: touch;" ><div style="float: right; font-family: arial; font-size: 30px; cursor: pointer" onclick=this.parentNode.style.display="none">X</div><br>'+the_info+'</div>';
}

function correct_size()
{

document.getElementById('ifr').style.top='calc(-50% - 23px)';
document.getElementById('ifr').style.height='200%';

document.getElementById('ifr_container').style.maxWidth=document.getElementById('ifr').clientHeight*videosize - 0 +'px'; document.getElementById('ifr').style.marginLeft=0

if(window.innerHeight<=293){document.getElementById('ifr_container').style.maxWidth=document.getElementById('ifr').clientHeight*0.35+'px'; document.getElementById('ifr').style.marginLeft='-50px' }

}


function has_paused_or_ended()
{
if(player.getDuration()){video_length=player.getDuration()}


if(player.getCurrentTime()<=the_start+1 ){document.getElementById('ifr').style.visibility = 'hidden'}

if(player.getCurrentTime()>the_start+1 ){document.getElementById('ifr').style.visibility = 'visible'}



if(player.getPlayerState()===3)
{

document.getElementById('ifr_container').focus();

}

if(player.getPlayerState()===0)
{
document.getElementById('replay').style.visibility='visible';
}



if(player.getPlayerState()==2)
{
document.getElementById('ifr').style.opacity=1;
document.getElementById('replay').style.visibility='visible';
if(document.getElementById('video_main').style.zIndex == -1){document.getElementById('replay').style.visibility='hidden';  }
}

if(player.getPlayerState()==1)
{
document.getElementById('replay').style.visibility='hidden';
document.getElementById('the_loading_gif').style.visibility='hidden';
setTimeout("correct_size()", 1000)
document.getElementById('ifr_container').focus();
if(player.getPlaylist()!==null){document.getElementById('total_index').innerHTML = player.getPlaylist().length};
if(player.getPlaylist()!==null){document.getElementById('current_index').innerHTML =(player.getPlaylistIndex() + 1) + "&nbsp;&nbsp;/&nbsp;&nbsp;" }  ;
}



if(player.getPlayerState()==1 && player.getCurrentTime()<player.getDuration() && player.getCurrentTime()> the_start+1)
{
document.getElementById('ifr').style.opacity=1
}

if(player.getPlayerState()==-1 || player.getPlayerState()==5)
{


//if(/iPad|iPhone|iPod/.test(navigator.userAgent)&&!window.MSStream && document.getElementById('the_loading_gif').style.display=='none'){document.getElementById('replay').style.visibility='visible'};

player.playVideo()

}


if(player.getPlayerState()==0 || player.getPlayerState()==2)
{
document.getElementById('replay').style.visibility='visible';

}



if(the_playlist==undefined)
{
if(player.getCurrentTime()>player.getDuration()-1 && player.getCurrentTime() > the_start)
{
player.seekTo(0); player.pauseVideo();
}
}

if(the_playlist==undefined)
{
if(player.getCurrentTime()>the_end-1){player.seekTo(the_start); player.pauseVideo(); }

if(player.getCurrentTime()<the_start){player.seekTo(the_start); }
}

/*if(the_playlist!==undefined)
{
if(player.getPlayerState()==0){player.seekTo(the_start); player.pauseVideo(); }

}*/

if(the_playlist!==undefined)
{

if(player.getPlaylistIndex()==0)
{
if(player.getCurrentTime()<the_start){player.seekTo(the_start); }
if(player.getCurrentTime()>the_end){player.seekTo(player.getDuration()); }
}

if(player.getPlayerState()==0){player.seekTo(0); setTimeout("player.pauseVideo()", 0) }

}



if(document.getElementById('replay').style.visibility=='hidden'){document.getElementById('pausebutton_left').style.visibility='visible'; document.getElementById('playbutton_left').style.visibility='hidden'}

if(document.getElementById('replay').style.visibility=='visible'){document.getElementById('pausebutton_left').style.visibility='hidden'; document.getElementById('playbutton_left').style.visibility='visible'}

if(player.getCurrentTime()<=player.getDuration()-2){document.getElementById('ifr').style.opacity=1}
if(player.getCurrentTime()>player.getDuration()-2){document.getElementById('ifr').style.opacity=0.001; }

if(player.getPlayerState() == 1)
{
document.getElementById('ifr').style.visibility='visible' 
}

}

function displ_current_time() {
var date1 = new Date(null);
date1.setSeconds(player.getCurrentTime());

if(!("the_end" in window)){
the_end=video_length; 

}







// retrieve time ignoring the browser timezone - returns hh:mm:ss
var utc1 = date1.toUTCString();
// negative start index in substr does not work in IE 8 and earlier
var time1 = utc1.substr(utc1.indexOf(':') - 2, 8)

// retrieve each value individually - returns h:m:s
var time1 = date1.getUTCHours() + ':' + date1.getUTCMinutes() + ':' +  date1.getUTCSeconds();

// does not work in IE8 and below - returns hh:mm:ss
var time1 = date1.toISOString().substr(11, 8);

// not recommended - only if seconds number includes timezone difference
//var time = date.toTimeString().substr(0, 8);

document.getElementById('elapsed').innerHTML=time1+'&nbsp;&nbsp;/'

}

function displ_duration() {
var date2 = new Date(null);
date2.setSeconds(player.getDuration());

// retrieve time ignoring the browser timezone - returns hh:mm:ss
var utc2 = date2.toUTCString();
// negative start index in substr does not work in IE 8 and earlier
var time2 = utc2.substr(utc2.indexOf(':') - 2, 8)

// retrieve each value individually - returns h:m:s
var time2 = date2.getUTCHours() + ':' + date2.getUTCMinutes() + ':' +  date2.getUTCSeconds();

// does not work in IE8 and below - returns hh:mm:ss
var time2 = date2.toISOString().substr(11, 8);

// not recommended - only if seconds number includes timezone difference
//var time = date.toTimeString().substr(0, 8);

document.getElementById('duration').innerHTML=time2

}