Добавить cookie к play/pause фонового видео

[noid]

Доброго времени суток. Не могу разобраться с cookie, да и не хочу особо вникать. Мне просто нужен рабочий код, донатик за рабочее решение скину. Код:

$('.video-control').on('click', function () {
$(this).toggleClass('video-control_active');
var currentVideo = document.querySelector('.play');
if (currentVideo.paused) {
currentVideo.play();
} else {
currentVideo.pause()
}
})

Нужно, чтоб запоминал вкл/выкл после перезагрузки страницы. Jquery подключена. Заранее благодарен :)

[рони]

noid,

$(function() {
var currentVideo = document.querySelector('.play');
var paused = 'paused' in localStorage;
if(paused == 'false') {
currentVideo.play();
$('.video-control').addClass('video-control_active');
}
$('.video-control').on('click', function () {
$(this).toggleClass('video-control_active');
if (currentVideo.paused) {
currentVideo.play();
localStorage.paused = 'false'
} else {
currentVideo.pause();
localStorage.paused = 'true'
}
})
});

[noid]

noid,

$(function() {
var currentVideo = document.querySelector('.play');
var paused = 'paused' in localStorage;
if(paused == 'false') {
currentVideo.play();
$('.video-control').addClass('video-control_active');
}
$('.video-control').on('click', function () {
$(this).toggleClass('video-control_active');
if (currentVideo.paused) {
currentVideo.play();
localStorage.paused = 'false'
} else {
currentVideo.pause();
localStorage.paused = 'true'
}
})
});

Спасибо, в локалсторадж пишет. Я должен был сразу весь код выложить, мой бок. После перезагрузки страницы видео запускается, даже при сохраненном TRUE в сторадже. Видимо очередность видео мешает. Скинул весь js-ник в личку

[рони]

noid,
playlist();

$(function() {
var currentVideo = document.querySelector('.play');
var paused = 'paused' in localStorage;
if(paused == 'false') {
currentVideo.play();
$('.video-control').addClass('video-control_active');
}
$('.video-control').on('click', function () {
$(this).toggleClass('video-control_active');
if (currentVideo.paused) {
currentVideo.play();
localStorage.paused = 'false'
} else {
currentVideo.pause();
localStorage.paused = 'true'
}
})
});

заменить на
if(localStorage.paused !== 'true') playlist();
$('.video-control').on('click', function () {
$(this).toggleClass('video-control_active');
var currentVideo = document.querySelector('.play');
if (currentVideo && currentVideo.paused) {
currentVideo.play();
localStorage.paused = 'false'
} else {
currentVideo.pause();
localStorage.paused = 'true'
}
})

[noid]

noid,
... заменить на
if(localStorage.paused !== 'true') playlist();
$('.video-control').on('click', function () {
$(this).toggleClass('video-control_active');
if (currentVideo.paused) {
currentVideo.play();
localStorage.paused = 'false'
} else {
currentVideo.pause();
localStorage.paused = 'true'
}
})
Так перестало останавливаться видео и ничего не пишется в сторадж, но класс 'video-control_active' тоглится. Попробовал так:
if(localStorage.paused !== 'true') playlist();

$(function() {
var currentVideo = document.querySelector('.play');
var paused = 'paused' in localStorage;
if(paused == 'false') {
currentVideo.play();
$('.video-control').addClass('video-control_active');
}
$('.video-control').on('click', function () {
$(this).toggleClass('video-control_active');
if (currentVideo.paused) {
currentVideo.play();
localStorage.paused = 'false'
} else {
currentVideo.pause();
localStorage.paused = 'true'
}
})
});

В сторадж пишется и видео реагирует на кнопку. Перезагружаю страницу из состояния:

1. Видео на паузе, сторадж=true -> в итоге видео висит на паузе и не реагирует на кнопку play. И сторадж не обновляется.

2. Перезагружаю, когда видео проигрывается и сторадж=false -> и видео и сторадж работают как надо

[рони]

noid,
пробуйте, заменить на
if(localStorage.paused !== 'true') playlist();
else {
videos[currPlayVideo].classList.add('play');
videos[currPlayVideo].onended = function () {
playNextVideo();
};
$('.video-control').remove('video-control_active');
};
$('.video-control').on('click', function () {
var currentVideo = document.querySelector('.play');
$(this).toggleClass('video-control_active');
if (currentVideo.paused) {
currentVideo.play();
localStorage.paused = 'false'
} else {
currentVideo.pause();
localStorage.paused = 'true'
}
})

[noid]

noid,
пробуйте, заменить на
if(localStorage.paused !== 'true') playlist();
else {
videos[currPlayVideo].classList.add('play');
videos[currPlayVideo].onended = function () {
playNextVideo();
};
$('.video-control').remove('video-control_active');
};
$('.video-control').on('click', function () {
var currentVideo = document.querySelector('.play');
$(this).toggleClass('video-control_active');
if (currentVideo.paused) {
currentVideo.play();
localStorage.paused = 'false'
} else {
currentVideo.pause();
localStorage.paused = 'true'
}
})

Отлично! Все работает, за исключением состояния (внешнего вида) кнопки. Подскажите пожалуйста, как добавить проверку - если localStorage.paused == true -> тогда addClass('video-control_active') при загрузке страницы?

[рони]

noid,
так может строка 7 ненужна?

[noid]

noid,
так может строка 7 ненужна?
По верстке нужна, но я уже вроде нашел решение. Добавил кусок, теперь как надо:
if (localStorage.getItem("paused") == "true") {
getFav = localStorage.paused;
$(".video-control").addClass('video-control_active');
}

Спасибо Вам за помощь!