<!--💳💳💳💳💳💳
CSS Bingkai VIDIO SHORT
<div class="flex-wrapper">
<div class="video-box"><iframe src="https://www.youtube.com/embed/DuP-s6-bclg" allowfullscreen></iframe></div></div>-->
<style>.flex-wrapper {display: flex;
justify-content: left; /* Mengunci video ke tengah */
align-items: center; width: 100%;}
.video-box { width: 100%; max-width: 400px;
aspect-ratio: 9 / 16;background: #000;
overflow: hidden;}
.video-box iframe
{width: 100%; height: 100%;
border: none;}</style>
<!--💳💳💳💳💳💳
CSS dan Script display vidio
<div id="tvContainer"><iframe allowfullscreen="" id="tvFrame" src=""></iframe>
</div></div>
Link vidio
<a data-src="https://www.youtube.com/embed/-AS-GKEEgrE" onclick="toggleTV(this)">Ratu Blues</a> -->
<style>
/* Diubah menjadi display: none agar tersembunyi saat awal dimuat */
#tvContainer {display: none; margin: 10px 0;}
/* Wajib agar iframe punya ukuran benar */
#tvFrame {width: 100%; aspect-ratio: 16/9; border: none;}
</style>
<!--➖Script Vidio Chanell-->
<script>function toggleTV(el) {var frame = document.getElementById("tvFrame");
var container = document.getElementById("tvContainer");
var videoURL = el.getAttribute("data-src");
// Jika video yang sama sedang ON → klik lagi untuk OFF
if (frame.dataset.current === videoURL)
{frame.src = ""; frame.dataset.current = "";container.style.display = "none";
// kembalikan warna normal
el.style.color = "";
el.style.fontWeight = ""; return; }
// Jika ON dengan link baru → ganti video
frame.src = videoURL; frame.dataset.current = videoURL;
container.style.display = "block";
// Reset semua link
document.querySelectorAll("#daftarChannel a").forEach(a=>
{ a.style.color = ""; a.style.fontWeight = ""; });
// Ubah warna untuk yang diklik
el.style.color = "red"; el.style.fontWeight = "bold";}
["fullscreenchange","webkitfullscreenchange","mozfullscreenchange","MSFullscreenChange"]
.forEach(eventName => { document.addEventListener(eventName, () =>
{if (document.fullscreenElement) {if (screen.orientation && screen.orientation.lock)
{ screen.orientation.lock("landscape").catch(()=>{});}} });});</script>
