document.addEventListener("DOMContentLoaded", () => {
    var vplay  = document.getElementById("video"),
	spval  = document.getElementById("speedval"),
	volval = document.getElementById("volval"),
	speed  = document.getElementById("speed"),
	volume = document.getElementById("volume");
    speed.addEventListener("change", (e) => {
	console.log(e.target.value);
	var rate = e.target.value;
	console.log(rate);
	spval.innerText = rate+"%";
	vplay.playbackRate = rate/100;
    });
    volume.addEventListener("change", (e) => {
	console.log(e.target.value);
	var rate = e.target.value;
	volval.innerText = rate+"%";
	console.log(rate);
	vplay.volume = rate/100;
    });
    spval.innerText = (speed.value = vplay.playbackRate*100)+"%";
    spval.value = vplay.playbackRate*100;
    volval.innerText = (volume.value = (vplay.volume = 0.4)*100) + "%";
}, false);