Dienst für die Thumbnail-Generierung aus einem Video

Question

Ich möchte eine Mediengalerie erstellen, die aus Bildern und Videos besteht. Jetzt für Videos möchte ich nur Bilder mit einem Play-Button darüber zeigen, anstatt das Video einzubetten. Und dann öffne das Video, nachdem ich auf den Play Button geklickt habe. Etwas wie das, was this Website tut. Wie könnte das gemacht werden? Kann ich meinen eigenen Service dafür schreiben? Oder gibt es einen kostenlosen Service, der das automatisch erledigt? Zum Beispiel eine Dienstleistung von embed.ly. Wir geben die folgende:

(function() { 
$.ajax({ 
    url: "http://api.embed.ly/1/oembed?url=http://www.youtube.com/watch?v=nwdnMcM0NXg&feature=g-all-esi&context=G27cd8c6FAAAAAAAABAA", 

    cache: false, 
    success: function(data) { 
     console.log(JSON.parse(data).thumbnail_url); 
    }, 
}); 

})()

Answer 1

Hier ist, was ich tun würde:

Mit jQuery, geben eine Klasse, um die Bilder, ein halten die Medien Link irgendwo, wie in ein Datenattribut:

<img src='img.jpg' data-link='video.mp4' class='video' /> 

dann das Javascript:

$(.video).click(function(event){ 
var link = $(this).data("link"); 
$(this).replaceWith("<video src='"+link+"'/>"); 
}); 

Answer 2

Versuchen Sie diese converter, die Sie Miniaturbilder für die Videos gibt, so dass Sie das Bild der Videos als Galerie anzeigen können.