ikan Uploader :
Directory : /var/www/new-ppid-app/partials/
Upload File : |
| Current File : /var/www/new-ppid-app/partials/galeri-video-lightbox.php |
<?php
/**
* Partial: popup pemutar video YouTube.
* Pemicu = elemen ber-class `galeri-video-open` dengan data-yt (ID) & data-judul.
*/
?>
<div id="videoLightbox" class="fixed inset-0 z-[70] hidden items-center justify-center bg-black/90 p-4">
<button type="button" id="vlbClose" class="absolute top-4 right-4 w-11 h-11 rounded-full bg-white/10 hover:bg-white/20 text-white flex items-center justify-center text-xl" aria-label="Tutup"><i class="fas fa-xmark"></i></button>
<div class="w-full max-w-4xl">
<div class="relative w-full rounded-xl overflow-hidden shadow-2xl bg-black" style="aspect-ratio:16/9;">
<iframe id="vlbFrame" class="absolute inset-0 w-full h-full" src="" title="Video" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
<p id="vlbCap" class="text-white/85 text-sm text-center mt-3"></p>
</div>
</div>
<script>
(function () {
var lb = document.getElementById('videoLightbox');
if (!lb) return;
var frame = document.getElementById('vlbFrame');
var cap = document.getElementById('vlbCap');
function open(id, judul) {
if (!id) return;
frame.src = 'https://www.youtube-nocookie.com/embed/' + id + '?autoplay=1&rel=0';
cap.textContent = judul || '';
lb.classList.remove('hidden'); lb.classList.add('flex');
document.body.style.overflow = 'hidden';
}
function close() {
frame.src = '';
lb.classList.add('hidden'); lb.classList.remove('flex');
document.body.style.overflow = '';
}
document.querySelectorAll('.galeri-video-open').forEach(function (b) {
b.addEventListener('click', function () { open(b.getAttribute('data-yt'), b.getAttribute('data-judul')); });
});
document.getElementById('vlbClose').addEventListener('click', close);
lb.addEventListener('click', function (e) { if (e.target === lb) close(); });
document.addEventListener('keydown', function (e) { if (!lb.classList.contains('hidden') && e.key === 'Escape') close(); });
})();
</script>
Kontol Shell Bypass