var video = document.querySelector(".video");
var jucie = document.querySelector(".orange-juice");
var btn = document.getElementById("play-pause");

function togglePlayPause() {
	if(video.paused){
		btn.className = "pause";
		video.play();
	}
	else {
		btn.className = "play";
		video.pause();
		
	}
}

btn.onclick = function(){
	
    togglePlayPause();
};

video.addEventListener("timeupdate",function(){
	var juciePos = video.currentTime / video.duration;
	jucie.style.width = juciePos * 100 + "%";
	if (video.ended){
		btn.className = "play";
	}
});