如何将 Youtube 视频图像添加到博客？

Question

我想在我的博客中添加可点击的 YouTube 视频图片。我使用了以下代码：

if (vidid == ""){
    var imgvid ="<a href='" + pURL + "#post-title" + "' title='" + pTITLE + "'>"
        + '<img class="no-thumbnail" src="img.youtube.com/vi/undefined/default.jpg"; />'
        + "</a>";
}else{
    var imgvid ="<a href='" + pURL + "#post-title" + "' title='" + pTITLE + "'>"
        + '<span class="play-button"></span><img class="'+ vidid
        + '" src="img.youtube.com/vi/'+vidid
        + '/default.jpg"; width="196px" height="147px"/>' + "</a>";
};
div.innerHTML = imgvid + '<div class="truncated-title"><h2>'
    + post_URL+'</h2></div>';
}

但它不起作用。我该如何解决？

Answer 1

您是否尝试过使用 YouTube 集成 API？您可以在文档 here and here 中获得更多信息。以这种方式使用它，Youtube 将自动生成并显示预览图像、播放器控件等。

此外，可能已经有用于在您的博客上显示 Youtube 视频的扩展程序 - 您使用的是 Wordpress 还是其他标准博客平台？

编辑

现在我知道您正在使用 Blogger - 默认情况下您应该可以将 youtube 视频添加到任何 post，请参阅 this manual 了解详情。

如何将 Youtube 视频图像添加到博客？

How to add Youtube Video Image to Blog?

html

javascript

youtube

video

blogs