javascript - 使用API​​停止YouTube视频时如何显示缩略图?

标签 javascript api iframe video youtube

当我通过使用youtube API调用stopVideo()函数停止youtube视频时,它停止了视频并将视频移至第一时间范围。
但是我想显示缩略图,该缩略图在视频加载第一次开始之前显示。 (换句话说-预览图像?)

我知道一种执行此操作的方法-删除iframe,然后再次使用API​​重新加载。 (使用YT.player)

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

无法在“DOMWindow”上执行“postMessage”:提供的目标原点(“https://www.youtube.com”)与收件人窗口的原点(“http://dev.com”)不匹配。

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

或任何方法可以解决上述错误?

最佳答案

代替使用stopVideo()函数,而使用cueVideoById(videoId)函数。只需传递相同的videoId,它就会以缩略图和播放按钮在停止状态下加载相同的视频:

https://developers.google.com/youtube/js_api_reference#cueVideoById

关于javascript - 使用API​​停止YouTube视频时如何显示缩略图?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24884605/

相关文章:

javascript - 将 json 数据输入 html 表

javascript - 如何从 iframe 中获取 iframe 的 X 和 Y 位置?

cocoa - Delphi 有哪些好的 Cocoa API 端口

python - 'object' 在 python 中有哪些方法?

javascript - Reddit API - API 与附加 .json 和获取首页信息之间的区别

javascript - 通过 javascript 为 YouTube 流聊天 iframe 自定义 CSS 样式

google-maps - 谷歌地图 iFrame 嵌入混合内容

javascript - 坐标对象的二维动态 javascript 矩阵

javascript - 如何从方法的函数中访问原型(prototype)的父 this

internet-explorer - IE 中可怕的 iframe 水平滚动条无法删除?