Youtube api YouTube嵌入播放器：对于小型播放器，缩略图是像素化的，但对于大型播放器，缩略图看起来很好

我只是使用默认的YouTube嵌入代码（由YouTube生成）在我的网站上显示视频。由于YouTube播放器的布局使用了相当窄的宽度（320px宽），视频缩略图的质量非常低，明显存在像素化。然而，YouTube播放器的布局使用了相当宽的宽度（1100px宽），视频缩略图是高分辨率版本，看起来很棒

以下是比较不同缩略图的两个链接：

• 窄、低质量的缩略图：
• 宽、高质量的缩略图：

有没有人遇到过这样一个问题：在较小的嵌入式视频中，缩略图质量很差？有人想出解决办法吗？还是我必须等YouTube在他们这端修复它

以下是我使用的嵌入代码，也是YouTube生成的默认代码：

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

经过多次尝试和错误，我发现将iframe标记中的height属性增加1会迫使YouTube播放器使用更高分辨率的缩略图。如果遇到类似问题，希望这能为您节省一些时间……

经过一系列尝试和错误，我发现将iframe标记中的height属性增加1会迫使YouTube播放器使用更高分辨率的缩略图。如果您遇到类似问题，希望这能为您节省一些时间…

基本上是发送多维缩略图，如果您的容器小于321px，则会加载最小的缩略图，即

“宽度”：120，“高度”：90

。这是这个问题的根本原因

---

宽度

width的元素基本上发送多维缩略图，如果您的容器小于321px，那么将加载最小的缩略图，即
“宽度”：120，“高度”：90
。这是这个问题的根本原因

具有
宽度的元素
iframe {
    min-width:321px;
}