乐闻世界logo
搜索文章和话题

How to get a YouTube thumbnail from a YouTube iframe?

4 个月前提问
4 个月前修改
浏览次数13

1个答案

1

要从YouTube的iframe中获取视频的缩略图,通常需要用到视频的ID。这个ID可以从iframe的URL中提取出来。下面是一个步骤清晰、条理分明的方法,以及一个具体的示例来说明如何做到这一点。

步骤:

  1. 提取视频ID: 通常,YouTube的iframe嵌入代码看起来像这样:

    html
    <iframe width="560" height="315" src="https://www.youtube.com/embed/视频ID" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

    你需要从src属性中提取视频ID部分。

  2. 使用视频ID获取缩略图: 一旦你有了视频ID,你可以使用以下格式中的任何一个来构建缩略图的URL:

    • 小尺寸缩略图(120x90):
      shell
      https://img.youtube.com/vi/视频ID/default.jpg
    • 中尺寸缩略图(320x180):
      shell
      https://img.youtube.com/vi/视频ID/mqdefault.jpg
    • 大尺寸缩略图(480x360):
      shell
      https://img.youtube.com/vi/视频ID/hqdefault.jpg
    • 高质量缩略图(720或更高,不一定可用):
      shell
      https://img.youtube.com/vi/视频ID/maxresdefault.jpg

示例:

假设你有以下YouTube iframe代码:

html
<iframe width="560" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

视频ID是dQw4w9WgXcQ

要获取中尺寸的缩略图,你可以使用以下URL:

shell
https://img.youtube.com/vi/dQw4w9WgXcQ/mqdefault.jpg

这种方法不但简单,而且符合YouTube的使用规范,可以有效地从任何公开视频中获取缩略图。希望这个解答能帮助您了解如何从YouTube iframe中提取视频缩略图。

2024年8月13日 10:24 回复

你的答案