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

How to add Youtube Video Image to Blog?

本文关键字:添加 图像 视频 YouTube      更新时间:2023-09-26

我想在我的博客中添加一个可点击的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>';
}

但它不起作用。我该如何解决这个问题?

您是否尝试过使用 YouTube 集成 API?您可以在此处和此处的文档中获取更多信息。这样,Youtube将自动生成并显示预览图像,播放器控件等。

此外,可能已经有一个扩展程序可以在您的博客上显示 Youtube 视频 - 您是否使用 Wordpress 或其他标准博客平台?

编辑

现在我知道您正在使用Blogger - 默认情况下,您应该能够将YouTube视频添加到任何帖子中,有关详细信息,请参阅本手册。