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