在浏览器中设置Cookie以用于视频自动播放

Question

如何设置cookie以使视频仅在第一次访问时自动播放，之后如果他们想要观看，必须手动播放？

Answer 1

的总体思路是：

1. 在页面加载检索cookie信息

2. 如果没有Cookie，或者其设置为false，播放影片

3. 设置cookie的真

Answer 2

以下是我在项目中使用的项目：

if (document.cookie.length == 0 || document.cookie.indexOf("MYCOOKIENAME=") == -1) { 
    // I set the path to/so once they'd seen it once on the site they wouldn't 
    // see it on other pages. 
    document.cookie = "MYCOOKIENAME=true; path=/;"; 

    // START VIDEO PLAYING HERE. 
} 

我真的不想要添加cookie库的开销。

堵我的代码为奥利弗·莫兰的HTML给你：

<iframe title="YouTube video player" id="videoframe" width="480" height="390" src="" frameborder="0" allowfullscreen></iframe> 

<script language="javascript"> 
var link = "http://www.youtube.com/embed/he5fpsmH_2g"; 

if (document.cookie.length == 0 || document.cookie.indexOf("MYCOOKIENAME=") == -1) { 
    // I set the path to/so once they'd seen it once on the site they wouldn't 
    // see it on other pages. 
    document.cookie = "MYCOOKIENAME=true; path=/;"; 

    link += "?autoplay=1"; // append an autoplay tag to the video URL 
} 

document.getElementById("videoframe").src = link; // set the iframe src 

</script> 

Answer 3

每Justin808的回答，一般的想法是这样的：

if (!cookieIsSet()) { 
    setCookie(); 
    playMovie(); 
} 

请参考w3School网站为例cookie的使用类似于你想要实现的：http://www.w3schools.com/js/js_cookies.asp

如果你在嵌入YouTube视频，你可以这样做：

<iframe title="YouTube video player" id="videoframe" width="480" height="390" src="" frameborder="0" allowfullscreen></iframe> 

<script language="javascript"> 

var link = "http://www.youtube.com/embed/he5fpsmH_2g"; 

if (!cookieIsSet()) { 
    setCookie(); 
    link += "?autoplay=1"; // append an autoplay tag to the video URL 
} 

document.getElementById("videoframe").src = link; // set the iframe src 

</script> 

显然，您将不得不定义自己的cookieIsSet()和setCookie()函数。请参阅W3School的网站，了解示例。