Added nonclickable progressbar in the playercontrols

This commit is contained in:
KasperRT
2015-02-24 22:33:34 +01:00
parent bfed58de1b
commit 0e8229c1f2
3 changed files with 21 additions and 1 deletions

View File

@@ -41,6 +41,12 @@ function initYoutubeControls(player)
newElem.appendChild(newChild);
}
container.appendChild(newElem);
newElem = document.createElement("div");
newElem.id = "bar";
container.appendChild(newElem);
initControls();
fitToScreen();
$("#mute").hover(function(){hoverMute(true)}, function(){hoverMute(false)});
@@ -155,6 +161,12 @@ function durationSetter()
minutes = Math.floor(currDurr / 60);
seconds = currDurr - minutes * 60;
document.getElementById("duration").innerHTML = pad(minutes)+":"+pad(seconds)+" <span id='dash'>/</span> "+pad(dMinutes)+":"+pad(dSeconds);
per = (100 / duration) * currDurr;
if(per >= 100)
per = 100;
else if(duration == 0)
per = 0;
$("#bar").width(per+"%");
}
function pad(n)

View File

@@ -3,7 +3,7 @@
$guid=substr(base64_encode(crc32($_SERVER['HTTP_USER_AGENT'].$_SERVER['REMOTE_ADDR'].$_SERVER['HTTP_ACCEPT_LANGUAGE'])), 0, 8);
//save or delete(oid) //getting the list we are in
$list = explode("/", htmlspecialchars(strtolower($_SERVER["REQUEST_URI"])));
$list = explode("/", htmlentities(strtolower($_SERVER["REQUEST_URI"])));
if($list[1]==""||!isset($list[1])||count($list)<=1)$list="videos";
else $list = preg_replace('/[^\da-z=?]/i', '', urldecode($list[1]));

View File

@@ -162,3 +162,11 @@
{
display:none !important;
}
#bar
{
height:30px;
background-color:rgba(0,0,0,0.5);
/*-webkit-transition: width 2s;
transition: width 2s;*/
}