Как сделать так что бы по нажатию на кнопку пропадала картинка и запускалось видео?
<div class="epilation-video">
<iframe
width="100%"
height="100%"
src="https://www.youtube.com/embed/J_5_tkXXFWo"
srcdoc="<style>*{padding:0;margin:0;overflow:hidden}
html,body{height:100%}
img,span{position:absolute;width:100%;height:100%;object-fit:cover;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/J_5_tkXXFWo?autoplay=1>
<img src=https://lazerhall.pl/wp-content/uploads/2021/04/hero.jpg alt='Demo video'>
<span>▶</span>
</a>"
frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
title="Demo video">
</iframe>
</div>
