我只是使用默认的YouTube嵌入代码（由YouTube生成）在我的网站上显示视频。由于YouTube播放器使用的宽度非常窄（320像素宽），因此视频缩略图的质量非常低，明显像素化。但是，对于YouTube播放器来说，其布局使用了相当宽的宽度（宽1100像素），因此视频缩略图是高分辨率的版本，看起来不错。
以下是两个比较不同缩略图的链接：
有没有人遇到过这样的问题，即在较小的嵌入式视频上缩略图质量很差？有人提出解决方案了吗？还是我必须等待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>
答案 0 :(得分：0)
经过反复试验，我发现iframe代码中的height属性增加了1，迫使YouTube播放器使用更高分辨率的缩略图。希望这会为您节省一些时间，如果您遇到类似的问题...
答案 1 :(得分：0)
基本上是YT发送缩略图的多维尺寸，如果您的容器小于321px，则将加载最小的缩略图，即"width": 120,"height": 90。这是此问题的根本原因。
元素为width <= 320px的掩埋缩略图问题。
我发现了一种解决方法，可以使用min-width:321px设置iframe宽度，以强制加载更高尺寸的缩略图
iframe {
min-width:321px;
}
我希望这对您有所帮助。