【问题标题】:Force Highest Thumbnail Quality for Youtube Videos强制 Youtube 视频的最高缩略图质量
【发布时间】:2020-04-10 22:02:53
【问题描述】:

我正在尝试为我的 Wordpress 制作一个自定义 JS,以强制为 Youtube 视频提供最高质量的缩略图。

我找到了正则表达式:https:\/\/i.ytimg.com\/vi\/(?:.+).jpg$

示例网址应该来自

https://i.ytimg.com/vi/***/hqdefault.jpg

到

https://i.ytimg.com/vi/***/maxresdefault.jpg

所以脚本需要遵循以下步骤:

1- 查找所有 Youtube 缩略图(正则表达式匹配)
2- 将 hqdefault.jpg 替换为 maxresdefault.jpg 并将更改应用于 HTML

我尝试了 +24 小时,但无法拼出拼图...感谢您的帮助!

【问题讨论】:

  • 也许你应该在你的问题中更清楚你想要做什么。显然,您正在尝试替换嵌入式 iframe 中的 youtube 缩略图:这是违反 CORS 政策的,这是不可能的。
  • 好吧,不知道这违反了政策,有没有办法通过嵌入代码“合法”获得它?感谢您的耐心等待

标签: javascript html regex innerhtml


【解决方案1】:

我为页面的所有图像进行了编辑:

const regex = /[a-z]*.jpg$/g;
var x = document.getElementsByTagName("img");
var i;
for (i = 0; i < x.length; i++) {
  x[i].src = x[i].src.replace(regex, 'maxresdefault.jpg');
 } 

【讨论】:

  • 感谢您的快速回答,但脚本需要应用于与正则表达式匹配的任何图像(在所有页面中),因此缩略图 URL 应该是一个变量,这就是我正在努力解决的问题。
  • 快到了,您正在替换每个 JPG,我只需要 Youtube 缩略图...您还缺少一个 document.write 来实际应用更改。感谢您的帮助和反应:)
  • 不确定为什么需要document.write:该问题更新了“src”属性,应该会导致使用新源重新加载图像。
  • @Terry 你说得对,替换就够了
猜你喜欢
  • 2012-02-21
  • 2014-04-07
  • 1970-01-01
  • 2011-05-22
  • 2015-03-26
  • 1970-01-01
  • 1970-01-01
  • 2013-02-27
  • 1970-01-01
相关资源
最近更新 更多