将cookie设置为视频播放几秒钟后显示的div？

Question

我有一个 div 元素，它会在视频播放 20 秒后显示。如果您要在播放 20 秒后播放视频，则会显示一个 div。现在我想设置 cookie，这样如果 div 已经显示过一次，它就会继续显示，除非用户清除缓存（cookie 逻辑）。

This is what I have tried so far - 

http://jsfiddle.net/9L29o365/

如何做到这一点？

提前致谢。

Answer 1

试试这个代码

设置 cookie

Cookies.set('div-20sec', 'visited');

获取 cookie

var val=Cookies.get('div-20sec');

DEMO

Answer 2

您可以在 onPlayProgress 函数中设置 cookie，并在点击播放侦听器中读取相同的 cookie 句柄：

// set 
document.cookie='20secSet=true';
// get
var cookieVal =  document.cookie
                         .split(',')
                         .indexOf('20secSet=true');

Here's 使用您的代码的示例。