+ saving volume to localStorage
parent
14b7bf2628
commit
a93b71fbae
|
@ -1,5 +1,8 @@
|
|||
window.addEventListener('DOMContentLoaded', (event) => {
|
||||
var video = document.getElementById('player');
|
||||
if (localStorage.getItem("volume") != null) {
|
||||
setVolume(localStorage.getItem("volume"));
|
||||
}
|
||||
function toggleVideo() {
|
||||
if (video.paused) {
|
||||
const classList = document.querySelector('.ytp-button-play').classList;
|
||||
|
@ -42,6 +45,11 @@ window.addEventListener('DOMContentLoaded', (event) => {
|
|||
function volume(e) {
|
||||
v = document.querySelector('.ytp-volume-slider').getBoundingClientRect();
|
||||
amount = (e.clientX - v.x) / v.width;
|
||||
setVolume(amount)
|
||||
localStorage.setItem("volume", video.volume);
|
||||
}
|
||||
|
||||
function setVolume(amount) {
|
||||
video.volume = amount;
|
||||
document.querySelector('.ytp-volume-slider-foreground').style.left = amount * 51 + 'px';
|
||||
icon = document.querySelector('.ytp-button-volume');
|
||||
|
@ -58,9 +66,6 @@ window.addEventListener('DOMContentLoaded', (event) => {
|
|||
} else {
|
||||
icon.dataset.value = 'max';
|
||||
}
|
||||
|
||||
// max, loud, normal, quiet, min, off
|
||||
console.log(e);
|
||||
}
|
||||
|
||||
function toggleFullscreen() {
|
||||
|
|
Loading…
Reference in New Issue