<p><style> .iframe-container {<br /> position: relative;<br /> width: 100%;<br /> max-width: 800px;<br /> margin: 100px auto;<br /> }</p> <p> iframe {<br /> width: 100%;<br /> height: 400px;<br /> border: none;<br /> display: block;<br /> }</p> <p> .iframe-overlay {<br /> position: absolute;<br /> inset: 0;<br /> z-index: 3;<br /> cursor: pointer;<br /> background: rgba(0,0,0,0);<br /> }<br /></style> </p> <p><script> const overlay = document.getElementById("overlay"); overlay.addEventListener("mousedown", function () { this.style.pointerEvents = "none"; }); </script></p> <p></p>
