從視頻中生成縮略圖的服務

我想創建包含圖像和視頻的媒體庫。現在對於視頻，我只想通過播放按鈕顯示圖片而不是嵌入視頻。然後在點擊播放按鈕後打開視頻。有些東西就像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); 
    }, 
});

}）（）

來源

2012-04-06 aditya_gaur

你到目前爲止試過什麼？ – mpm 2012-04-06 07:26:26

看看[this]（http://embed.ly/docs/explore/oembed?url=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DLM8JhvfoqdA%26feature%3Dg-all-s ％26context％3DG23a20a0FAAAAAAAACAA）。 – 2012-04-06 07:53:56

-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+"'/>"); 
});

來源

2012-04-06 07:32:01 mpm

這是容易的部分但是我如何得到應該顯示爲縮略圖的圖像。 – 2012-04-06 07:52:25

你需要截取你不能在javascript中執行的視頻截圖。 – mpm 2012-04-06 08:19:03

看看[Embedly]（http://embed.ly/docs/explore/oembed?url=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DLM8JhvfoqdA%26feature%3Dg-all-s ％26context％3DG23a20a0FAAAAAAAACAA）。我想有這樣的服務，但免費;） – 2012-04-06 08:25:45

試試這個converter，它爲您提供了視頻的縮略圖，以便您可以將視頻的圖像顯示爲圖庫。

來源

2012-04-06 07:56:56 coder

該過程應該是自動化的。 – 2012-04-06 08:19:00

從視頻中生成縮略圖的服務

回答

相關問題