Video Player Script

Video Overlay

Instant Code Copy!

With just one click, your code is copied instantly—no hassle, no extra steps!

With just one click, your code is copied

instantly—no hassle, no extra steps!

One-Click Copy HTML

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Video Overlay</title> <style> .video-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; color: #fff; padding-top: 1.5%; padding-left: 1.5%; cursor: pointer; } .video-overlay-ctp { display: none; text-align: left; float: left; max-width: 250px; } .video-overlay-play { display: none; position: absolute; width: 100%; max-width: 300px; top: 50%; left: 50%; transform: translate(-50%, -50%); filter: drop-shadow(0 0 10px rgba(0,0,0,.5)); } @media screen and (max-width: 767px) { .video-overlay-ctp { max-width: 150px; } .video-overlay-play { max-width: 90px; } } .vjs-has-started .vjs-control-bar, .vjs-audio-only-mode .vjs-control-bar { display: none !important; visibility: hidden !important; } </style> </head> </html>

<script> (function () { // Store already processed video elements to avoid duplicates const processedVideos = new WeakSet(); // Check for new video elements periodically const observeVideos = setInterval(() => { const videos = document.querySelectorAll('video'); videos.forEach(video => { if (!processedVideos.has(video)) { processedVideos.add(video); const vidContainer = video.parentElement; const overlay = document.createElement('div'); overlay.className = 'video-overlay'; const overlayImageCTP = document.createElement('img'); overlayImageCTP.className = 'video-overlay-ctp'; overlayImageCTP.src = 'https://storage.googleapis.com/msgsndr/e9SEQ0yUw2IN49Tyd3ED/media/62976f8bfe8259bc544841e1.png'; overlayImageCTP.alt = 'Click To Turn On Sound'; const overlayImagePlay = document.createElement('img'); overlayImagePlay.className = 'video-overlay-play'; overlayImagePlay.src = 'https://storage.googleapis.com/msgsndr/Fu41V2fpQJegybH4TdlM/media/639ce068c19e63916b0c2c61.png'; overlayImagePlay.alt = 'Click To Turn On Sound'; overlay.appendChild(overlayImageCTP); overlay.appendChild(overlayImagePlay); overlay.addEventListener('click', () => { overlay.remove(); video.pause(); video.currentTime = 0; video.muted = false; video.volume = 1; video.play(); }); vidContainer.appendChild(overlay); setTimeout(() => { overlayImageCTP.style.display = 'block'; overlayImagePlay.style.display = 'block'; }, 250); } }); }, 500); })(); </script>

If you have any question, concerns or help? Please dont hesistate to contact us.