Adding cookies to jquery toggle video-bg switcher

Question

Don't know about cookies much. I just want to my Play\Pause button to remember it's state, nothing more. Here is the code, please help. Thank you

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

you are not using cookies at all in this snippet. Please read https://stackoverflow.com/questions/1458724/how-do-i-set-unset-a-cookie-with-jquery to get and idea of what you need to save a state as cookie. — Panciz, Apr 28 '19 at 15:24

score 0 · Answer 1 · answered Apr 28 '19 at 15:01

0

Read cookie when video-playing is the name.

var youCookie = $.cookie('video-playing');

Create or/and update cookie

$.cookie('video-playing', "true");
$.cookie('video-playing', "false");

answered Apr 28 '19 at 15:01

Alexander Gorelik

3,985
6
37
53

score 0 · Accepted Answer · answered Aug 12 '19 at 14:14

So, I returned to the case and read a bit. This worked for me:

    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'
        }
    });

and for the Play|pause button to remeber it's state the following:

if (localStorage.getItem("paused") == "true") {
  getFav = localStorage.paused;
  $(".video-control").addClass('video-control_active');
}

Adding cookies to jquery toggle video-bg switcher

2 Answers2