embedded YouTube - Startbild erst nach Klick laden

[Linuchs]

habe etwas weitergefrickelt. Diese Lösung (unten auf der Seite) funktioniert, erscheint aber umständlich:

<div style="position:relative;width:560px;height:315px;
border: 1px solid #ccc; border-radius:5px; overflow:hidden;background:url(img/youtube_tesla_coils.jpg)"
onclick="document.getElementById('YT').style.display='block';
document.getElementById('YT').src='https://www.youtube.com/embed/-b5B-9aCAeE';">
  
  <iframe id="YT" style="position:absolute;left:0;top:0;display:none;
z-index:1" width="560" height="315" frameborder="0" allow="accelerometer;
autoplay; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>

  <p style="position:absolute;left:10%;top:10%;color:#fff">Klick startet Youtube-Video<br>Click to start Youtube video<br>Klik om Youtube video te starten</p>
</div>