• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Slideshow für Youtube-Videos

S

Silenze

Neues Mitglied
hallo liebe Community :)
Ich versuche seit gestern eine Slideshow so zu modifizieren, dass beim Klick auf ein Vorschaubild unter der Slideshow das Video angezeigt wird.
Nur scheitere ich immer wieder an der Umsetzung :/
Habe bereits versucht das Problem mit Frames zu lösen, leider erfolglos.
Als Vorlage hab ich mir diese Slideshow rausgepickt:
Dynamic Drive DHTML Scripts- Conveyor Belt slideshow script

Danke schonmal für Hilfe :)
 
Hallo Silenze,
da gibt es zwei Möglichkeiten:
1. Du benutzt die Javascript-API eines FLV-Players, um die verschiedenen Videos in einem Player abzuspielen. Hier kannst Du dir ansehen, wie so etwas geht:
Meereszentrum in Burg auf Fehrmarn
2. Du benutzt innerHTML, um den Code für die Einbettung des Players in ein div- oder span-Tags einzutragen.
SELFHTML: JavaScript / Objektreferenz / all
Zeig uns doch mal, was Du bisher gemacht hast.
Viele Grüße - Ulrich
 
erstmal danke für die schnelle Antwort :)

ich hab mich mal an innerHTML gewagt, nur verzweifel ich malwieder.
also Variable hab ich jetzt den Einbettungscode von einem Youtubevideo benutzt, nur leider funktionierts nicht :/
Mein Code sieht momentan so aus.
Verwende ich als Variable ein Wort, funktioniert der Script.
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>Test</title>


  <script type="text/javascript">
var Neu = "<iframe width="560" height="349" src="http://www.youtube.com/embed/HRDFEbRzD-s" frameborder="0" allowfullscreen></iframe>";
function Aendern () {
document.all.meinAbsatz.innerHTML = Neu;
}
  </script>
</head>
<body>

<p id="meinAbsatz">Text</p>

<a href="javascript:Aendern()">Anderer Text</a>
</body>
</html>

Hoffe du kannst mir weiterhelfen.
 
vielen Dank,
ich hab den Fehler soeben gefunden :)
Die "-zeichen waren zuviel, ohne funktioniert alles.

HTML: 
var Neu = "<iframe width=650 height=450 src=http://www.youtube.com/embed/SYXgdcjwAJA frameborder=0 allowfullscreen></iframe>";
 
Gut gemacht, noch besser wär es, wenn du einfache Anführungszeichen verwendest.

HTML: 
var Neu = "<iframe width=650 height=450 src='http://www.youtube.com/embed/SYXgdcjwAJA' frameborder=0 allowfullscreen></iframe>";
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben