Javascript 如何为blogger从youtube嵌入获取缩略图？

我目前正在为blogger开发一个tube模板。其概念是，我将把youtube嵌入代码放在帖子中，它将自动获取缩略图

我使用以下代码创建了摘要帖子（将显示第一个拇指）：

function removeThMLTAG（strx，chop）{if（strx.indexOf（“”+1，s[i].length）}strx=s.join（“”）chop=（chop=1）{imgtag=“”；summ=summary_img}var summary=imgtag+++removeThMLTAG（div.innerHTML，summ）+；div.innerHTML=summary}

在这篇文章中，我加入了一个缩略图和嵌入代码。我正在尝试创建一个函数来从嵌入代码中获取缩略图，而不是手动上传

我正在从头开始创建模板。我博客的链接

我正在查看下面的代码，但不知道如何实现它：

    var iframe           = $('iframe:first');
var iframe_src       = iframe.attr('src');
var youtube_video_id = iframe_src.match(/youtube\.com.*(\?v=|\/embed\/)(.{11})/).pop();

if (youtube_video_id.length == 11) {
    var video_thumbnail = $('<img src="//img.youtube.com/vi/'+youtube_video_id+'/0.jpg">');
    $('body').append(video_thumbnail);

    $('img:first').click(function() {
        $('iframe:first').fadeToggle('400');
    });
}    

var-iframe=$（'iframe:first'）；
var iframe_src=iframe.attr（'src'）；
var youtube_video_id=iframe_src.match（/youtube\.com.*（\？v=|\/embed\/）（.{11}）/）.pop（）；
如果（youtube_video_id.length==11）{
var video_缩略图=$（''）；
$（'body'）.append（视频缩略图）；
$（'img:first'）。单击（函数（）{
$（'iframe:first'）.fadeToggle（'400'）；
});
}    

我不知道如何实现博客。有人能帮我吗？谢谢

    var iframe           = $('iframe:first');
var iframe_src       = iframe.attr('src');
var youtube_video_id = iframe_src.match(/youtube\.com.*(\?v=|\/embed\/)(.{11})/).pop();

if (youtube_video_id.length == 11) {
    var video_thumbnail = $('<img src="//img.youtube.com/vi/'+youtube_video_id+'/0.jpg">');
    $('body').append(video_thumbnail);

    $('img:first').click(function() {
        $('iframe:first').fadeToggle('400');
    });
}