在画布元素上渲染youtube视频

在画布元素上渲染youtube视频,youtube,youtube-api,html5-canvas,Youtube,Youtube Api,Html5 Canvas,我们正在开发一个html5/javascript应用程序,它在html5画布元素上呈现图像和视频。 对于视频,我们使用的机制如下: 在页面上嵌入一个隐藏的html5视频标签,所需视频为src 使用requestAnimationFrame以循环方式渲染画布 在每次渲染调用中,我们从视频标记中获取当前视频帧,并将其渲染到画布上 现在我们正在寻找一种在画布上播放youtube视频的方法。 问题是youtube只允许嵌入他们的播放器,而不允许只获取视频url(嵌入到自己的视频元素中) 他们提供的htm

我们正在开发一个html5/javascript应用程序,它在html5画布元素上呈现图像和视频。 对于视频,我们使用的机制如下:

  • 在页面上嵌入一个隐藏的html5视频标签,所需视频为src
  • 使用requestAnimationFrame以循环方式渲染画布
  • 在每次渲染调用中,我们从视频标记中获取当前视频帧,并将其渲染到画布上
  • 现在我们正在寻找一种在画布上播放youtube视频的方法。 问题是youtube只允许嵌入他们的播放器,而不允许只获取视频url(嵌入到自己的视频元素中) 他们提供的html5播放器放在iframe中,因此我们没有机会从中获取视频帧


    有没有办法做这样的事。或者youtube将来会允许获取视频URL吗?

    我可能有点晚了,但我遇到了这个网站,它在标签中呈现youtube视频,然后在画布上进行操作

    有人设法得到了网站的源代码

    我唯一的问题是,它似乎不适用于vevo视频