我有一个video
链接到电影的标签content.mysite.com
,并且我有一个从www.mysite.com
(不同的子域)提供的脚本文件。
该脚本使用方法创建一个canvas
元素并将视频捕获到画布context.drawImage
。但是当我尝试使用canvas.toDataURL
方法从画布中获取图像数据时,由于跨域限制,它失败并出现安全错误。
有解决方法吗?
我有一个video
链接到电影的标签content.mysite.com
,并且我有一个从www.mysite.com
(不同的子域)提供的脚本文件。
该脚本使用方法创建一个canvas
元素并将视频捕获到画布context.drawImage
。但是当我尝试使用canvas.toDataURL
方法从画布中获取图像数据时,由于跨域限制,它失败并出现安全错误。
有解决方法吗?
在视频文件上设置 CORS 标头:
https://developer.mozilla.org/en/http_access_control
根据此错误报告,<video>
自 Firefox 12 起支持它:
https://bugzilla.mozilla.org/show_bug.cgi?id=682299
我认为至少 Chrome 应该支持它,其他浏览器可能不支持。