用户第二次访问时显示不同的视频

Question

我的网站上有背景视频。我有5个不同的标题视频，我希望在第二次，第三次访问等时显示用户。之后，当他访问了5次时，视频将不再显示，只是背景上的图像。

我有视频名称，如header-1.mp4，header-2.mp4，header-3.mp4等。

以下是我的HTML代码

<div class="fullscreen-bg">
    <div class="overlay"></div>
    <video loop muted autoplay class="fullscreen-bg-video" id="header_vid">
        <source src="videos/header-1.mp4" type="video/mp4">
        <source src="videos/header-1.webm" type="video/webm">
        <source src="videos/header-1.ogv" type="video/ogg">
    </video>
</div>

Answer 1

您可以使用Cookie来计算用户的访问次数。 存储名为visit count的cookie，在该存储中存储计数。 因此，如果用户第一次存储带有visitCount = 1的cookie并显示header-1.mp4。 如果visitCount = 1那么访问是该用户的第二次，那时显示header-2.mp4等等！

注意： Cookie不是那么可靠，因为它们存储在浏览器中，所以如果有人清除浏览器的cookie，根据这个逻辑，你的代码将播放header-1.mp4，因为你没有更长时间参考visitCount。