javascript - 使用API停止YouTube视频时如何显示缩略图？-6ren

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

转载作者：行者123 更新时间：2023-12-03 05:32:31

25

4

当我通过使用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/

25

4

0

文章推荐： php - 我的视频使用php的路径是什么

文章推荐： gradle - 无法使用intellij下载build.gradle.kts文件中的依赖项

文章推荐： youtube - Youtube 视频的交互式成绩单

rust - 创建 NaN 时如何 panic ？
我试图找到在庞大的代码库中创建 NaN 的位置。是否有一些编译器标志或我可以用来在 NaN 上 panic 的东西，这样我就可以找到它在哪一行？最佳答案没有编译器标志。你能做的最好的事情就是把你的
java - 当依赖类存在多个 bean 时如何 Autowiring ？
A类 class ClassA { @Autowired class ClassB; } 类配置: @Configuration class TestConfi
r - 使用 R 时如何 "think OOP"？
我是一名统计学研究生，经常使用 R。我熟悉其他编程环境中的 OOP。我什至在各种定义用于存储数据的新类的统计包中看到了它的使用。在我研究生生涯的这个阶段，我通常会为一些类作业编写一些算法——一些接收
python - 使用 cv2 时如何 'mirror' 实时网络摄像头视频？
我想要两个不同的网络摄像头视频输出，一个是普通的网络摄像头镜头，另一个是它的“镜像”版本。 cv2可以吗？ import time, cv2 video=cv2.VideoCapture(0) a=0
javascript - 使用搜索过滤器 Bootstrap 时如何 float div
我创建了一个可以通过两种方式过滤的图库。一个通过单击按钮，另一个通过搜索过滤器。过滤器工作完美，除了当 div 隐藏在过滤器上时，其余显示的 div 不会彼此相邻 float 。这是过滤前的样子:
git - 从服务器 pull 时如何 merge 和删除git中的冲突
我们作为一个 4 人团队工作，我们的项目部署在 openshift我们使用 git 存储库进行提交、推送和 pull 。当有人提交更多更改时，其他人必须 pull 它以在我们的系统中进行更新。但是从
jquery - 继承 jQuery Autocomplete 时如何 Hook 到所选项目
我正在尝试扩展自动完成功能，以便在选择某个项目时显示辅助标签。例如，给定显示项目的自动完成功能，项目名称将显示在包含代码的输入框旁边的 span 标记中。查看自动完成源代码，我发现过滤值的下拉列表是
ios - 使用 Core Data 时如何 NSPredicate 建立一对一关系？
我有一个包含歌曲、艺术家和专辑实体的核心数据。歌曲有可选的一对一关系艺术家到艺术家实体和专辑到专辑实体这两个实体都与 Song 实体具有反向关系。相册有可选的一对一关系艺术家到艺术家实体和可选的一
c# - XmlSerializer 在实现 IList 时如何/为什么以不同方式对待类？
XmlSerializer正在调用 IList.Add()在我的课上，我不明白为什么。我有一个自定义类(层次结构中的几个类之一)，其中包含我使用 XmlSerializer 与 XML 相互转换的数
javascript - 使用 IJavaScriptExecutor 时如何 Hook 自定义 javascript 触发器
我们在 Web 应用程序中定义了此事件，它创建了一个名为 timelineEventClicked 的自定义触发器 canvas.addEventListener('click', function
ios - Swift 最佳实践 - 使用 API 时如何/何时检查互联网连接和 404
有大量资源可用于使用 Swift(可达性)检查有效的 Internet 连接，以及在进行 API 调用时检查 httpResponse 的 statusCode 的方法，但是检查和处理这些的“正确”方
ruby-on-rails - 当我通过 Rspec 测试 Controller 时如何 stub 参数值
谁能告诉我是否可以在 Controller 规范中 stub params[] 值，以便 Controller 接受 stub 值作为 View 中的实际 params[] 值。例如，我的观点有一个
c# - : Bind to a UserControl's DependencyProperty, 当 UserControl 有一个 DataContext 时如何？
我的问题是没有在 UserControl 中连接 DependencyProperties。这不是问题。当我将 UserControl 中的按钮绑定(bind)到 UserControl 的 Depe
c++ - 使用 L 前缀(Visual C++ 编译器)时如何#define 硬编码字符串？
如何#define 路径 L"C:\Windows\System32\taskmgr.exe"来处理宽字符 #define TASK_MGR "C:\\Windows\\System32\\taskm
unit-testing - 使用RequireJS(和Jasmine/Sinon)时如何 stub 在另一个 View 渲染方法中实例化的主干 View
我正在尝试使用 Jasmine 和 Sion 编写单元测试，但是在使用 RequireJs 加载模块时我很难找到以下等效项: sinon.stub(window, "MyItemView"); 使用
css - 使用 col-*-pull 或 col-*-push 时如何 float div 元素？
我有一个包含三个 div 的示例页面，如下所示: 当浏览器大小达到 md 点并且第二个 div 高于第一个 div 时，第三个 div 开始在第一个的右侧
c# - 将 CString 从 C++ 编码(marshal)到 C# 时如何(如果需要)释放动态内存？
我在 C++ 端有 CString cs，在 C# 端有 IntPtr ip，它通过编码(marshal)处理机制包含 cs 的值。然后，我只需将需要的字符串作为 Marshal.PtrToStri

首页

博学

6Ren·AI

商城