Youtube Vorschaubilder benutzen
Mit einem Vorschaubild kann man seine Videolinks ordentlich aufwerten und mit etwas Javascriptkenntnis kann man tolle Videogalerien bauen. Zu jedem Video selbst ein Vorschaubild machen ist aber viel zu umständlich, und zum Glück auch unnötig!
Zumindestens, wenn man die Vorschaubilder von Youtube nutzt. Die findet man unter folgender Adresse:
http://img.youtube.com/vi/VideoID/Bild * die VideoID ist der etwas kryptische Code des gewünschten Videos
* Das Standard Bild ist Default.jpg und man hat noch 3 weitere Vorschaubilder 1.jpg, 2.jpg, 3.jpg zur Verfügung.
Beispiel
Code eines verlinkten Vorschaubild
- Code:
-
<a title=”zum Video” ‘target=”_blank” href=”http://www.youtube.com/watch?v=mfOWz_RJBz8″><img alt=”Youtube Vorschaubld” src=”http://img.youtube.com/vi/mfOWz_RJBz8/default.jpg” />
mein lieblings AMV</a>
so sieht es aus
mein lieblings AMVQuelle:
http://www.designn.net/blog/youtube-vorschaubilder-benutzen/#more-35- Spoiler:
- Code:
-
<div dir="ltr" style="text-align: left;" trbidi="on">
<a href="http://www.youtube.com/watch?v=mfOWz_RJBz8" target="_blank" title="zum Video"><img alt="Youtube Vorschaubld" src="http://img.youtube.com/vi/mfOWz_RJBz8/default.jpg" /></a> <a href="http://www.youtube.com/watch?v=mfOWz_RJBz8" target="_blank" title="zum Video"><img alt="Youtube Vorschaubld" src="http://img.youtube.com/vi/mfOWz_RJBz8/default.jpg" /></a> <a href="http://www.youtube.com/watch?v=mfOWz_RJBz8" target="_blank" title="zum Video"><img alt="Youtube Vorschaubld" src="http://img.youtube.com/vi/mfOWz_RJBz8/default.jpg" /></a> <a href="http://www.youtube.com/watch?v=mfOWz_RJBz8" target="_blank" title="zum Video"><img alt="Youtube Vorschaubld" src="http://img.youtube.com/vi/mfOWz_RJBz8/default.jpg" /></a> <a href="http://www.youtube.com/watch?v=mfOWz_RJBz8" target="_blank" title="zum Video"><img alt="Youtube Vorschaubld" src="http://img.youtube.com/vi/mfOWz_RJBz8/default.jpg" /></a> <a href="http://www.youtube.com/watch?v=mfOWz_RJBz8" target="_blank" title="zum Video"><img alt="Youtube Vorschaubld" src="http://img.youtube.com/vi/mfOWz_RJBz8/default.jpg" /></a> <a href="http://www.youtube.com/watch?v=mfOWz_RJBz8" target="_blank" title="zum Video"><img alt="Youtube Vorschaubld" src="http://img.youtube.com/vi/mfOWz_RJBz8/default.jpg" /></a> <a href="http://www.youtube.com/watch?v=mfOWz_RJBz8" target="_blank" title="zum Video"><img alt="Youtube Vorschaubld" src="http://img.youtube.com/vi/mfOWz_RJBz8/default.jpg" /></a> <a href="http://www.youtube.com/watch?v=mfOWz_RJBz8" target="_blank" title="zum Video"><img alt="Youtube Vorschaubld" src="http://img.youtube.com/vi/mfOWz_RJBz8/default.jpg" /></a> <a href="http://www.youtube.com/watch?v=mfOWz_RJBz8" target="_blank" title="zum Video"><img alt="Youtube Vorschaubld" src="http://img.youtube.com/vi/mfOWz_RJBz8/default.jpg" /></a> </div>
Der im Iframe geladene Player, der direkt auf Youtube bei jedem Video angeboten wird, hat ein paar Vorteile. Ein Iframe lässt sich leicht, mit Javascript, durch austauschen des src Tags aktualisieren und dieser Player hat nicht die dumme Angewohnheit beim pausieren, durch klick ins Video, Youtube aufzurufen.