我们正在开发一个 html5 / javascript 应用程序,它在 html5 画布元素上呈现图像和视频。对于视频,我们使用的机制如下:
- 在页面上嵌入隐藏的 html5 视频标签,并将所需视频作为 src
- 使用 requestAnimationFrame 循环渲染画布
- 在每次渲染调用中,我们从视频标签中获取当前视频帧并将其渲染到画布上。
现在我们正在寻找一种在画布上播放来自 youtube 的视频的方法。问题是 youtube 只允许嵌入他们的播放器并且没有选择只获取视频 url(嵌入到自己的视频元素中)他们提供的 html5 播放器被放置在 iframe 中,因此我们没有机会抓住视频帧。
有没有办法做这样的事情。或者 youtube 将来会允许获取视频网址吗?