javascript - 尝试在我流行的帖子小部件中将 Youtube 缩略图从 default.jpg 调整为 0.jpg (我将 imgs 调整为 300px)

标签 javascript youtube thumbnails blogger video-thumbnails

我正在尝试让我在 Blogger 上流行的帖子小部件拉出以 0.jpg 而不是 default.jpg 结尾的 YouTube 缩略图,以使我的缩略图更清晰。我手动将热门帖子图像的宽度扩展为 300 像素(默认为 120 像素)。我一直在尝试弄清楚如何使用 javascript 将 youtube 缩略图的 url 从 default.pg 更改为 0.jpg,但我不知道将代码放在 html 模板中的位置。我正在执行此操作的博客是 https://qwerltube.blogspot.com

一个网站说这会改变拇指,但我不知道把它放在哪里才能改变我流行的帖子小部件中的 YouTube 拇指。有谁知道解决方案吗?感谢您的帮助。

<!-- / General thumbnail / -->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
   <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
      <b:if cond='data:post.thumbnailUrl'>
         <div class='thumbs'>
            <a expr:href='data:post.url'>
               <script type='text/javascript'>
                  //<![CDATA[
                    function bp_thumbnail_resize(image_url,post_title) {
                       var image_size=240;
                       var show_default_thumbnail=true;
                       var default_thumbnail="http://1.bp.blogspot.com/-4fqrt2MACHQ/UADPlJjibiI/AAAAAAAAAcc/FBN03q3jT2A/s1600/blank_post_thumbnail.png";
                       if(show_default_thumbnail == true && image_url == "") image_url= default_thumbnail;
                       image_tag='<img src="'+image_url.replace('/s72-c/','/s'+image_size+'-c/')+'" alt="'+post_title+'"/>';
                       yimage_tag = '<img src="' + image_url.replace('default', '0') + '" alt="' + post_title + '"/>';
                       if (image_url.indexOf("img.youtube.com")!= -1){
                          return yimage_tag;
                       }
                       else if (image_url != "") {
                          return image_tag;
                       }
                       else return "";
                    }
                  //]]>
               </script>
               <script type='text/javascript'>
                  document.write(bp_thumbnail_resize(&quot;<data:post.thumbnailUrl/>&quot;,&quot;<data:post.title/>&quot;));
               </script>
            </a>
         </div>
         <!-- ### akhir .thumbs, sesuatu -->
      </b:if>
   </b:if>
</b:if>

最佳答案

这是有关如何编辑博客的页面。查看“编辑博客布局的 HTML”

https://support.google.com/blogger/answer/43708?hl=en

将该代码粘贴到博客上现有缩略图 HTML 所在的位置。

关于javascript - 尝试在我流行的帖子小部件中将 Youtube 缩略图从 default.jpg 调整为 0.jpg (我将 imgs 调整为 300px),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42073040/

相关文章:

php - Preg_match_all 和 javascript 数组

java - 如何使用 MD5 哈希在 JSP 和 Javascript 中保护登录密码?

javascript - D3.js 中的数据操作

flash - 为什么Flash Video Player无法在Firefox中显示?

video - 优化服务器上​​的视频存储/编码 (J2EE)

javascript - Angular 和推特 REST API

android - 从 Android 应用程序直播到 Youtube

youtube - YouTube iFrame API 不支持自动生成的字幕

HTML + CSS 缩略图帮助 - 仅定位缩略图

javascript - 用缩略图 + 视频链接替换嵌入或 iframe youtube 视频