Moin,
ich binde den von youtube (YT) angebotenen embedded-code in meine HTML Seiten ein.
Problem: Ohne Zustimmung des Lesers wird YT schon kontaktiert und das Startbild geladen:
<iframe style="border: 1px solid #ccc; border-radius:5px;" width="560"
height="315" src="https://www.youtube.com/embed/-b5B-9aCAeE"
frameborder="0" allow="accelerometer; autoplay; encrypted-media;
gyroscope; picture-in-picture" allowfullscreen></iframe>
Anders bei audio-tags, da schreibe ich preload="none"
Ich möchte das YT Startbild mit Gimp erstellen und zeigen, aber erst bei Klick soll Verbindung aufgenommen werden zu YT.
So geht es nicht:
<iframe onclick="this.src='https://www.youtube.com/embed/-b5B-9aCAeE'"
style="border: 1px solid #ccc; border-radius:5px; overflow:hidden"
width="560" height="315" src="img/youtube_tesla_coils.jpg"
frameborder="0" allow="accelerometer; autoplay; encrypted-media;
gyroscope; picture-in-picture" allowfullscreen></iframe>
Auch die Angabe overflow:hidden
wird vom iframe ignoriert, das aber nur nebenbei.
Wo liegt der Fehler?
Gruß, Linuchs