将 cookie 添加到 jquery 切换视频背景切换器

Question

对cookie了解不多。我只想让我的 Play\Pause 按钮记住它的状态 ，仅此而已。这是代码，请帮助。 谢谢

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

Answer 1

当 video-playing 是名称时读取 cookie。

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

创建or/and更新cookie

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

Answer 2

所以，我回到案例并阅读了一些内容。这对我有用：

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

为了让播放|暂停按钮记住它的状态如下：

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