一个jQuery支持的Youtube缩略图下载应用程序，允许您从Youtube视频中获取高分辨率和低分辨率缩略图。

参见：

• jQuery插件获取和显示Youtube缩略图
• jQuery插件创建Youtube动画缩略图-PreViewTube.js

如何使用它:

1.创建一个接受Youtube视频URL的输入字段。

<input type="text" name="Link" />

2.创建一个按钮来获取Youtube视频缩略图。

<button class="btn">
  Download
</button>

3.创建两个空国际货币基金组织高分辨率和低分辨率缩略图的元素。

<img src="https://" alt="" class="highres">
<img src="https://" alt="" class="lowres">

4.在文档末尾加载所需的jQuery库。

<script src="/path/to/cdn/jquery.slim.min.js"></script>

5.获取Youtube视频缩略图并在页面上显示的主要功能。

$(document).ready(function(){
  $(".btn").click(function(){
    var temp = $("input").val().split("=").pop();
    var highres = "https://i.ytimg.com/vi/" + temp + "/maxresdefault.jpg";
    var lowres = "https://i.ytimg.com/vi/" + temp + "/hqdefault.jpg"; 
    // display HD Youtube Thumbnail
    $(".highres").attr('src' , highres);
    // display low-res Youtube Thumbnail
    $(".lowres").attr('src' , lowres);
  });
});

预览截图

简易Youtube视频缩略图下载器 jQuery