跨域绘制视频到画布

时间:2012-07-06 19:53:52

标签: javascript html5 html5-video html5-canvas

我有一个video标记链接到content.mysite.com的电影,我有一个脚本文件来自www.mysite.com(不同的子域名)。

该脚本创建一个canvas元素,并使用context.drawImage方法将视频捕获到画布。但是当我尝试使用canvas.toDataURL方法从画布中获取图像数据时,由于跨域限制,它会因安全性错误而失败。

有解决方法吗?

1 个答案:

答案 0 :(得分:1)

在视频文件上设置CORS标头:

https://developer.mozilla.org/en/http_access_control

根据此错误报告,自Firefox 12以来<video>支持

https://bugzilla.mozilla.org/show_bug.cgi?id=682299

我认为至少Chrome应该支持它,其他浏览器可能不支持。