Vorschaubild von Youtubevideo ändern...nur wie?

Question

Hallo zusammen,

hoffe ihr könnt mir helfen. ich habe in meine webseite ein youtube video eingebunden und klappt soweit auch alles ohne problem. jetzt will ich aber das vorschaubild des videos änders in eines das ich selbst gestaltet habe. kann ich das irgendwie über das video legen sodas beim klick auf dieses bild das video an ort und stelle abgespielt wird?

hab das schonmal gesehen, hab aber keine ahnung wie ich es realisieren kann. hab lange rumprobiert hab die lösung jedoch nicht gefunden :(.

hier der code:

<div id="video"><iframe width="500" height="284" src="http://www.youtube.com/embed/videoeben" frameborder="0" allowfullscreen></iframe></div>

hoffe ihr könnt mir helfen.

Grüße
Sven

Answer 1

Do you use Flash Player to view?

If yes, the solution depends on what you use Flash Player (swf file). Often, Flash Player use image file to thumbnails and you can replace it for change. By example, code can be:

<script type="text/javascript">
var s0 = new SWFObject("flvplayer.swf","single", "352", "260", "6");
s0.addParam("allowfullscreen","true");
s0.addVariable("file","3a_01.flv");
s0.addVariable("image","3a_01.jpg");
s0.write("player0");
</script>

as you can see, line -- s0.addVariable("image","3a_01.jpg"); set path to thumbnail, you can replace it.

Quelle: siehe hier!