Masukkan code di bawah dalan element HTML, pastikan anda dah tukar code ID YoutTube video anda. <br /> 🔊 ON Suara </p> <p><!-- Responsive YouTube (16:9) + Unmute Button --></p> <div style="position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:12px;"> <iframe id="yt-embed" src="https://www.youtube.com/embed/GyF-2VV7cdE?autoplay=1&mute=1&controls=0&playsinline=1&loop=1&playlist=GyF-2VV7cdE&rel=0&modestbranding=1" title="YouTube video" style="position:absolute;top:0;left:0;width:100%;height:100%;border:0;" allow="autoplay; encrypted-media; picture-in-picture" allowfullscreen referrerpolicy="strict-origin-when-cross-origin"><br /> </iframe></p> <p> <!-- Butang Unmute --><br /> <button id="yt-unmute" style="position:absolute;right:16px;bottom:16px;z-index:9;padding:10px 16px;background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;border:0;border-radius:8px;font-weight:600;cursor:pointer;box-shadow:0 6px 16px rgba(0,0,0,.15);"><br /> 🔊 ON Suara<br /> </button> </div> <p><script> (function(){ var btn = document.getElementById('yt-unmute'); var iframe = document.getElementById('yt-embed');</p> <p> function setParam(url, key, val){ var u = new URL(url, window.location.origin); // Pastikan param wujud/ditukar u.searchParams.set(key, val); // Tambah timestamp supaya pasti reload (elak cache). u.searchParams.set('_ts', Date.now()); return u.toString(); }</p> <p> btn.addEventListener('click', function(){ // Klik user = "user gesture", jadi ok untuk main dengan bunyi var newSrc = iframe.src; newSrc = setParam(newSrc, 'mute', '0'); newSrc = setParam(newSrc, 'autoplay', '1'); // kekal tiada controls; kalau nak nampak speaker, tukar controls=1 iframe.src = newSrc; // Sembunyikan butang selepas unmute btn.style.display = 'none'; }); })(); </script><br />
