2012-04-06 14 views
1

イメージとビデオからなるメディアギャラリーを作成したいと思います。ビデオの場合は、ビデオを埋め込むのではなく、再生ボタンを使って画像を表示するだけです。そして、私が再生ボタンをクリックした後、ビデオを開きます。 thisウェブサイトのようなものがあります。どのようにこれを行うことができます。私自身のサービスを書くことはできますか?またはそれを自動的に行うことができる無料のサービスがあります。たとえば、embed.lyのサービスです。私たちは、次のように与える:ビデオからのサムネイル生成のサービス

(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); 
    }, 
}); 

})()ここで

+0

これまでに試したことはありますか? – mpm

+0

[this](http://embed.ly/docs/explore/oembed?url=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DLM8JhvfoqdA%26feature%3Dg-all-s)をご覧ください%26context%3DG23a20a0FAAAAAAAACAA)。 –

答えて

-1

は、私がどうなるのかです:jQueryを使って

、画像にクラスを与える、のように、どこかのメディアリンクを保ちますデータ属性:

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

、その後のjavascript:

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

これは簡単な部分ですが、どのようにサムネイルとして表示する必要があるのですか? –

+0

あなたはビデオのスクリーンショットを撮る必要があります。あなたはそれをjavascriptで行うことはできません。 – mpm

+0

[Embedly](http://embed.ly/docs/explore/oembed?url=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DLM8JhvfoqdA%26feature%3Dg-all-s)をご覧ください%26context%3DG23a20a0FAAAAAAAACAA)。 –

0

お試しくださいconverterこれは、あなたがギャラリーとしてビデオの画像を表示できるように、ビデオのサムネイルを表示します。

+0

プロセスは自動化されるべきです。 –

関連する問題