I have a background video on my website. I have 5 different videos for header that I want show user when he visits second, third time and so on. After that, when he visited 5 times, the video will not be shown anymore, just an image on background.
I have video name like header-1.mp4, header-2.mp4, header-3.mp4 etc.
The following is my html code
<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>