In HTML mehrere Videos über Buttons abspielen

Computer: Software & Programmierung HTML & CSS
#1

Liebe Experten!

Ich möchte in meiner Homepage (über Baukasten) einen HTML-Code einfügen, bei dem man über einen Button (der als Bild getarnt ist) ein neues Video aufruft.

Ich möchte also mehrere Videos einbinden, jedoch nicht untereinander, sondern es sollen Bilder (Tasten wie bei einer Fernbedieung) erscheinen und da soll man dann zwischen den hinterlegten Videos „umschalten“ können.

Ich hoffe, ihr versteht was ich meine.

Hier ist mal mein Code:

<div style=„background-image:url(http://u.jimdo.com/www69/o/s328484789933c051/img/i57…;padding:5px;width:800px;height:700px;border:0px) solid black;background-repeat:no-repeat;“>
<p style=„line-height:9.2em; font-size:5.19em; margin-left: 43px;“>
<iframe width=„685“ height=„368“ src=„https://www.youtube.com/embed/dT521fN7hig“ frameborder=„0“ allowfullscreen></iframe>
</p>
</div>

Das Bild dazu sieht so aus:
http://www.directupload.net/file/d/3916/vjh9ulhx_jpg…

Vielen Danke bereits im Voraus für eure Hilfe.

Lg., Philipp

#2

Mach einfach alle Videos in unterschiedliche iFrames, dann kannst du die per jquery einblenden und verstecken.

http://stackoverflow.com/questions/10774775/jquery-i…

Dann brauchst du noch ne Reihe Buttons, die dann das entsprechende iframe einblendet und alle anderen ausblendet.

#3

Danke.

#4

Hei!

Ich möchte also mehrere Videos einbinden, jedoch nicht
untereinander, sondern es sollen Bilder (Tasten wie bei einer
Fernbedieung) erscheinen und da soll man dann zwischen den
hinterlegten Videos „umschalten“ können.

Theoretisch ganz einfach.
http://www.w3schools.com/jsref/prop_img_src.asp
sollte eigentlich auch mit Videos funktionieren.

Also dein iframe mit einer ID versehen:
<iframe width=„685“ height=„368“ id=„videofenster“ src=„https://www.youtube.com/embed/dT521fN7hig“ frameborder=„0“ allowfullscreen></iframe>

und bei den Graphken die umschalten halt einen entsprechenden JavaScript-Befehl:

<a href=„Javascript:void()“ onclick="document.getElementById(‚videofenster‘).src = 'https://www.youtube.com/embed/dT521fN7low’"><img src=„feed2.gif“ alt=„2“></a>

lg, mabuse