Ich habe ein Script gefunden, womit ich zum Beispiel ein div mit einem Bild in ein anderes div austauschen kann.
Code
<div id=youtubebild><a onclick="tauscheBild(); return false">
<img src="https://i.ytimg.com/vi/SElIILMCIAw/hqdefault.jpg" /><br>Video anzeigen</a></div>
<script>
function tauscheBild(){
var object = document.getElementById("youtubebild");
var austausch = "<iframe style='max-width:100%;' width='560' height='315' src='https://www.youtube.com/embed/SElIILMCIAw' allowfullscreen></iframe>";
object.innerHTML= austausch;
i++;
}
</script>Das ganze funktioniert auch bei einem Video. Wenn ich ein zweites habe und auf das Bild oder Link klicke, dann tut er das beim ersten ausführen, anstatt beim zweiten. Wie kann ich das ganze so anpassen, dass es dann bei mehreren Videos geht. Würde das ganze gern für den YouTube BB-Code verwenden, damit nicht immer diese ganzen Player geladen werden, was die Ladezeit durch die Bildchen verringert.
