使用 api 停止 youtube 视频时如何显示缩略图？答案

【问题标题】：How to show thumbnail when stopping youtube video with api?使用 api 停止 youtube 视频时如何显示缩略图？
【发布时间】：2023-03-27 08:47:01
【问题描述】：

当我通过使用 youtube API 调用 stopVideo() 函数来停止 youtube 视频时，它会停止视频并将视频移动到第一个时间帧。但我想在第一次开始之前显示第一次加载视频时显示的缩略图。（换句话说 - 预览图像？）

我知道一种方法 - 删除 iframe 并使用 API 重新加载。（使用 YT.player）

但我认为这不是一个好方法，因为每次构建 iframe 都会引发错误：

在“DOMWindow”上执行“postMessage”失败：提供的目标源（“https://www.youtube.com”）与接收窗口的源（“http://dev.com”）不匹配。

有人知道如何使用 API 在停止的 youtube 视频中显示缩略图吗？

或者有什么方法可以解决上述错误？

【问题讨论】：

【解决方案1】：

不要使用 stopVideo() 函数，而是使用 cueVideoById(videoId) 函数。只需传入相同的 videoId，它就会在停止状态下加载相同的视频，并带有缩略图和播放按钮：

【讨论】：