jon/bmthTech-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make play button overlays clickable to start video playback

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Jon
2026-06-13 18:27:43 +01:00
parent 5dab99cdaa
commit 8ef50e2c6f
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
videos.html
View File

@@ -359,9 +359,12 @@
document.querySelectorAll('video').forEach(function(video) { document.querySelectorAll('video').forEach(function(video) {
var overlay = video.parentElement.querySelector('.video-play-overlay'); var overlay = video.parentElement.querySelector('.video-play-overlay');
if (!overlay) return; 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('play', function() { overlay.style.opacity = '0'; overlay.style.pointerEvents = 'none'; });
video.addEventListener('pause', 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'; }); video.addEventListener('ended', function() { overlay.style.opacity = '1'; overlay.style.pointerEvents = 'auto'; });
}); });
</script> </script>
</body> </body>