From 8ef50e2c6f7216f2522ad3fc8f06936d253dbe08 Mon Sep 17 00:00:00 2001
From: Jon <git@jonstarkey.co.uk>
Date: Sat, 13 Jun 2026 18:27:43 +0100
Subject: [PATCH] Make play button overlays clickable to start video playback

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 videos.html | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/videos.html b/videos.html
index 73c2da1..590cfec 100644
--- a/videos.html
+++ b/videos.html
@@ -359,9 +359,12 @@
     document.querySelectorAll('video').forEach(function(video) {
       var overlay = video.parentElement.querySelector('.video-play-overlay');
       if (!overlay) return;
+      overlay.style.pointerEvents = 'auto';
+      overlay.style.cursor = 'pointer';
+      overlay.addEventListener('click', function() { video.play(); });
       video.addEventListener('play',  function() { overlay.style.opacity = '0'; overlay.style.pointerEvents = 'none'; });
-      video.addEventListener('pause', function() { overlay.style.opacity = '1'; });
-      video.addEventListener('ended', function() { overlay.style.opacity = '1'; });
+      video.addEventListener('pause', function() { overlay.style.opacity = '1'; overlay.style.pointerEvents = 'auto'; });
+      video.addEventListener('ended', function() { overlay.style.opacity = '1'; overlay.style.pointerEvents = 'auto'; });
     });
   </script>
 </body>