Question

我有一个简单的全屏背景视频，可以在页面加载后播放。我正在使用的代码很简单（请忽略WordPress特定的位）：

<video autoplay poster="<?php the_field('home_background_image'); ?>">
     <source src="<?php echo get_stylesheet_directory_uri().'/dist/intro.mp4';?>"  type="video/mp4">
</video>

我想要实现的是每次会话播放一次 - 所以如果用户离开主页，但由于某种原因然后回来，则视频根本不显示。

最好的解决方法是什么？

Answer 1

最简单的方法就是使用cookies。这是一个直接来自Mozilla的例子。

if (document.cookie.replace(/(?:(?:^|.*;\s*)someCookieName\s*\=\s*([^;]*).*$)|^.*$/, "$1") !== "true") {
  alert("Do something once here!");
  document.cookie = "someCookieName=true; expires=Fri, 31 Dec 9999 23:59:59 GMT; path=/";
}

这显然是令人困惑的正则表达式，但是有很多库以更简单的方式处理cookie。

HTML视频每个会话显示一次

1 个答案: