Load iFrame Video on Click (HTML)

HTML
<div class="embed-responsive embed-responsive-16by9 mt-3"> <iframe loading="lazy" class="embed-responsive-item" src="https://www.youtube.com/embed/2qf2OlsOV3c" srcdoc="<style>*{padding:0;margin:0;overflow:hidden}html,body{height:100%}img,span{position:absolute;width:100%;top:0;bottom:0;margin:auto}span{height:1.5em;text-align:center;font:48px/1.5 sans-serif;color:white;text-shadow:0 0 0.5em black}</style><a href=https://www.youtube.com/embed/2qf2OlsOV3c><img src=https://biteable.com/content/uploads/2017/07/Video-Thumbnails-sml-720x560-c-default.jpg alt='Video Thumbnail Image ALT text'><span>►</span></a>" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" title="Luke Skywalker Arrives" allowfullscreen=""> </iframe> </div>
CSS
JAVASCRIPT
Expand for more options Login