javascript - 如何在网站上显示相同的 HTML 5 YOUTUBE 视频两次而不加载两次?

标签 javascript html youtube-api html5-canvas html5-video

如何在网站上显示相同的 HTML5 YOUTUBE 视频两次而不加载两次? Here您被教导显示相同的 html 5 视频两次,而无需加载两次。但我想知道如何使用 IFRAME 标签处理 YouTube 视频。该链接是使用 Canvas 进行教授的,但我无法使用 iframe 进行相同的操作。即使使用 iframe 也可以复制视频吗?或者有没有办法“捕获” iframe 视频标签? (我已经尝试过,但出现“访问被拒绝”错误)。 This也可能有帮助。

这只是一个例子,但我想做这样的事情:

Original youtube video.png

My "site" with 1 youtube video and several canvas.png

我想把这个视频发布到我的网站上,以便多个视频同时播放。由于这需要大量的互联网,我想同时获取原始视频的当前帧并将它们放在几个 Canvas 上,这个 link教您做到这一点,但使用视频(< video> 标签)。我想使用 YouTube 视频来做到这一点。 我希望所有玩家同时播放/暂停,就好像他们在互相复制

最佳答案

你不能。

至少,不合法。 YouTube Iframe API 中没有规定授予您访问底层视频元素的权限。

关于javascript - 如何在网站上显示相同的 HTML 5 YOUTUBE 视频两次而不加载两次?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51795762/

相关文章:

css - 使侧边栏位于屏幕的右侧

youtube - 在哪里可以找到 'youtube-v3-api-captions.json'发现文档?

javascript - 我可以获得 Twitter Bootstrap 弹出窗口的当前状态吗?

html - 如何在浏览器中播放带有 .mov 扩展名的电影

html - 表格中的 SVG - Chrome、Firefox、IE

html - div 动画中的文本

youtube-api - 嵌入 Youtube 视频不在本地播放,在线时正常

youtube - 是否可以使用 YouTube Live Stream API 通过我的手机摄像头进行广播?

php - 检查登录状态 JavaScript

javascript - 如何使包含六张不同图片的 div 在单击时向外展开?