Question

我想创建一个由图片和视频组成的媒体库。现在对于视频我只想在其上显示带有播放按钮的图像而不是嵌入视频。然后在点击播放按钮后打开视频。像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);
    },
});

}）（）

Answer 1

试试这个converter，它会为您提供视频缩略图，以便您可以将视频图像显示为图库。

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

从视频生成缩略图的服务

2 个答案: