在浏览器中设置 Cookie 以实现视频自动播放

Question

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

Answer 1

总体思路是：

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

2. 如果没有 cookie，或其设置为 false，则播放电影

3. 将 cookie 设置为 true

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 库的开销。

将我的代码插入 Oliver Moran 的 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();
}

请参阅 W3Schools 网站，获取类似于您想要实现的 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>

显然，您必须定义自己的 < code>cookieIsSet() 和 setCookie() 函数。有关示例，请参阅 W3School 网站。