video - 从视频生成缩略图的服务

Question

我想创建一个包含图像和视频的媒体库。现在对于视频，我只想显示带有播放按钮的图像，而不是嵌入视频。然后在我点击播放按钮后打开视频。就像这个网站所做的一样。这怎么可能做到。我可以为它编写自己的服务吗？或者有没有可以自动完成的免费服务。例如来自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);
    },
});

})()

Answer 1

试试这个转换器，它为您提供视频的缩略图，以便您可以将视频的图像显示为画廊。

Answer 2

这是我要做的：

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