[YouTube] Thumbnail Bild als normales Bild benutzen?

LeijaT · 19. Februar 2013

Nabend Community, wollte mal fragen:

Ist es möglich, das Thumbnail Bild bei Youtube-Videos auch als normales Bild auf eine Homepage einzubinden? Also ohne, dass man da direkt auf Play klicken kann und das Video läuft? Wär ganz praktisch, damit ich nicht für jedes Video ein eigenes "nichtklickbares" Thumbnail erstellen muss ;p

Never. · 20. Februar 2013

Zitat von xTechnoStar

ja kann man

Der Beitrag bringt ihm nicht viel, da er glaube ich auch wissen möchte wie das ganze geht.

Zum Thema:
Soweit wie ich das verstehe möchtest du es so haben das dort direkt ein Bild angezeigt wird, sogesehen unter dem "Play" Button, richtig ?
Sollte normalerweiße automatisch dann erscheinen.

LeijaT · 20. Februar 2013

Nein, ich möchte den Thumbnail, der für die Videos benutzt wird als stink normales Image für persönliche Zwecke auf meiner Webseite benutzen, damit ich mir nicht ständig für meine Seite die Screens selber machen muss etc.

Quasi.. Hm, wie erklär ichs.. Auf einem Youtube Kanal, in der Liste der "Uploaded Videos" wird ja für jedes Video ein zufälliges Bild erstellt (oder halt ein eigenst hochgeladenes), dass angezeigt wird, bevor man auf den großen Play-Knopf in der Mitte drückt. Und genau dieses Bild möchte ich benutzen, als wäre es ein Bild (.jpg, .png oder sonst was) auf meinem Webspace, dass ich es einfach via <img src="pfad.zum.youtube.bild"> angeben kann.

Never. · 20. Februar 2013

Ist glaube ich nicht möglich, da diese direkt aus dem Video erstellt werden und nicht erst in ein Bildformat umgewandelt werden.

namespace · 20. Februar 2013

Jop das ist möglich, du müsstest nur bspw. mit RegEx den HTML Code parsen, wo ein Thumbnail deines Videos vorkommt.
Das Thumbnail ist wie folgt auszulesen:

Code

<span class="yt-thumb-clip-inner">
<img width="185" src="//i3.ytimg.com/vi/nD-R7AEVal8/mqdefault.jpg" data-thumb="//i3.ytimg.com/vi/nD-R7AEVal8/mqdefault.jpg" tabindex="-1" alt="" data-group-key="thumb-group-0">
<span class="vertical-align"></span>
</span>