image - 与同一帖子中的 youtube 视频共享时，主图像(大尺寸)显示模糊(Blogger)

Question

请我有一个很奇怪的案例。当与 youtube 视频共享时，我的博客在“幻灯片轮播”和“相关帖子”上显示模糊图像(这些是高分辨率或原始尺寸)。这些问题仅在与嵌入 youtube 视频共享主图像时发生。

例如，帖子有一张主图片(例如 800x600)，在第二张图片下方，并且向下嵌入了一个 youtube 视频，因此第一张图片在“ slider 轮播”和“相关帖子”上将完全失去其质量(如模糊)部分，

我正在谷歌搜索这个问题，但我没有找到关于它的文章。我有一个测试博客，我在其中显示了这个问题，.. 购买了高级博客模板。，不是免费版本。

提前致谢

您可以在这里查看 http://blurryimagesblurry.blogspot.com

琼(温迪诺)

Answer 1

在模板中找到以下代码 -

function getImage(sora,z){var n=sora[z].title.$t,p=sora[z].content.$t,u=$("<div>").html(p);if("media$thumbnail"in sora[z]){var w=sora[z].media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/s1600");if(p.indexOf("youtube.com/embed")>-1){w=sora[z].media$thumbnail.url.replace("/default.jpg","/mqdefault.jpg");}}else if(p.indexOf("<img")>-1){w=u.find("img:first").attr("src");}else{w=soraOptions.noThumbnail;}var code='<img class="sora-thumb" alt="'+n+'" src="'+w+'"/>';return code;}

getImage 有两个实例模板中的功能。将它们都替换为以下代码 -

function getImage(sora, z) {
var n = sora[z].title.$t,
    p = sora[z].content.$t,
    u = $("<div>").html(p);
if("media$thumbnail" in sora[z]) {
    var w = sora[z].media$thumbnail.url.replace(/\/s[0-9]+\-c/g, "/s1600");
    if(sora[z]["media$thumbnail"].url.indexOf("youtube.com") > -1 ) {
        w = sora[z].media$thumbnail.url.replace("/default.jpg", "/maxresdefault.jpg");
    }
} else if(p.indexOf("<img") > -1) {
    w = u.find("img:first").attr("src");
} else {
    w = soraOptions.noThumbnail;
}
var code = '<img class="sora-thumb" alt="' + n + '" src="' + w + '"/>';
return code;
}

问题的发生是因为错误的 if正在使用的条件。 if条件是在帖子内容中存在 YouTube 视频时应用 YouTube 特定的图像分辨率更改(因此，当帖子包含 YouTube 视频且 media$thumbnail URL 不是 YouTube 缩略图时，它会尝试应用 YouTube 特定的图像分辨率对 Blogger 托管图像的更改，该图像无法正常工作，导致改用大小为 72x72px 的默认缩略图)。而当 media$thumbnail URL 只是一个 YouTube 缩略图。