Video Overlay

[Messiahs100]

Hallo !
Vielleicht kann mir jemand weiter Helfen.
Wenn ich auf das Bild klicke sollte sich das YouTube Video starten, oder ?
Leider tut es das nicht bei mir
Der Grafische Rahmen soll später über das Video gelegt werden.
Habe diesen noch neben dem Video zum Testen.
Er sollte doch wie eine Art Button funktionieren oder?

Danke für eure Hilfe

<script language="javascript" type="text/javascript">
$(document).ready(function() {
    $('#play-video').on('click', function(ev) {
        this.style.display = 'none';
        thevid = document.getElementById('video');
        thevid.style.display = 'block';
        $("#video")[0].src += "?autoplay=1";
        ev.preventDefault();

    });
});
    
</script>




<div>
    <img src="http://cyberpunks.info/wp-content/uploads/2020/12/Header_Hg.png" alt="" width="560" height="315" id="play-video"/>
    <iframe id="video" width="560" height="315" src="https://www.youtube.com/embed/HpDh7y12Co0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>

 

[Myhar]

Warum ein zweiter Beitrag dafür? Es ist in dem Forum ja ohnehin kaum etwas los, deine erste Anfrage wird kaum untergehen.

 

[Messiahs100]

Da sich der 2 Post auf JavaScript bezieht, daher habe ich einen 2 aufgemacht.
Warum ist hier eigentlich nichts mehr los?
Denke ich vor 10 Jahre, gings richtig ab hier...
Hast du eine Empfehlung für ein Forum?

Danke sehr

 

[Panobilder]

Foren sterben langsam aus, seitdem alle nur noch bei Facebook und Co wischen und dort die Grüppchenbildung forcieren...

Dem, der mit den vielen hilfreichen Foreninfos effizient arbeiten will oder muss, ist diese Entwicklung gar keine Hilfe, sondern das Gegenteil.