了解 cookie（使用 jquery cookie 插件。）

Question

我正在开发一个项目，该项目有一个 Flash 视频，一旦加载到页面上就会自动播放。我的客户希望它仅在有人第一次访问该页面时自动播放。随后的访问（在同一会话中）将加载视频，但保持暂停。

Flash 视频有一个 JS 函数，我可以调用它来暂停或播放视频。所以我的想法是在用户访问页面后设置一个 cookie，并让它在后续访问时触发回调。

//wait until everything has loaded
$(window).load(function(){

    //set a cookie 
    $.cookie('welcome_cookie', 'welcome');

    //check for the cookie and call the pause function
    if($.cookie('welcome_cookie')){
        controlPlayback('pause');
    }
});

这可行，但它会在第一次暂停视频...如何才能使播放功能仅在返回此页面时触发？

Answer 1

第一次检查后只需切换顺序设置cookie即可；

//wait until everything has loaded
$(window).load(function(){

    //check for the cookie and call the pause function
    if($.cookie('welcome_cookie')){
        controlPlayback('pause');
    }

    //set a cookie 
    $.cookie('welcome_cookie', 'welcome');
});

您可能不必在每次页面加载时都设置 cookie，所以如果没有设置，为什么不设置 cookie；

//check for the cookie and call the pause function
if($.cookie('welcome_cookie')){
    //pause video player
    controlPlayback('pause');
} else {
  //set a cookie 
  $.cookie('welcome_cookie', 'welcome');
}

Answer 2

为什么你需要一个 cookie，cookie 会分别在每个请求和响应中传输到服务器和从服务器传输。所以你在服务器上来回发送你真的不需要的数据。您真正需要的是本地存储。

$(window).load(function(){

    //If not first visit then pause
    if(localStorage['not_first_visit']){
        controlPlayback('pause');
    }

    //Set  
    localStorage('not_first_visit')=true;
});