<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Max Cross Photography</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; } body, html { width: 100%; height: 100%; background-color: #000; overflow: hidden; } video { width: 100vw; height: 100vh; object-fit: cover; display: block; } </style> </head> <body> <video id="splash" autoplay muted playsinline> <source src="PASTE_YOUR_CLOUDINARY_MP4_URL_HERE.mp4" type="video/mp4"> </video> <script> // Replace with your actual Pixieset website address var targetSite = "https://maxcross.mypixieset.com"; // Check if visitor has already seen the video during this browser session if (sessionStorage.getItem("splashSeen") === "true") { window.location.replace(targetSite); } else { var video = document.getElementById("splash"); function goToSite() { sessionStorage.setItem("splashSeen", "true"); window.location.replace(targetSite); } if (video) { video.addEventListener("ended", goToSite); setTimeout(goToSite, 6500); // Safety fallback at 6.5s } else { goToSite(); } } </script> </body> </html>