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

Question

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

This is what I have tried so far - 

http://jsfiddle.net/9L29o365/

如何实现这一点？

提前感谢.

Answer 1

试试这段代码

设置饼干

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

获取饼干

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

演示

Answer 2

您可以在

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

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

下面是使用代码的示例。