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

时间:2014-07-22 10:14:41

标签: 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视频时显示缩略图吗?

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

1 个答案:

答案 0 :(得分:0)

不使用stopVideo()函数,而是使用cueVideoById(videoId)函数。只需传入相同的videoId,就可以使用缩略图和播放按钮加载处于停止状态的同一视频:

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