Chome，SECURITY_ERR中的HTML5视频: DOM异常18

Question

我正在尝试让我的网页显示来自我的视频服务器的视频。视频服务器与我的but服务器运行在同一主机上，但在不同的端口上。

当我使用canvas.toDataURL()从画布上播放的视频中剔除像素时，我在浏览器上得到了一个"Uncaught Error: SECURITY_ERR: DOM Exception 18“。我使用的是Chrome 24版。

下面是与视频页面一起发送的HTTP标头

HTTP/1.1 200 OK
Access-Control-Allow-Origin: *
Content-Type: video/x-mp4
Transfer-Encoding: chunked
Date: Mon, 04 Feb 2013 23:28:00 GMT
Server: OizysLight

我遗漏了什么？Access-Control- allow - origin：*不应该允许跨域资源共享吗？

Answer 1

您可能需要在<video>元素上设置crossOrigin property。如果视频资源的请求不需要cookie和HTTP auth，则设置为anonymous，否则设置为use-credentials。

Mozilla在<canvas>上有一篇关于cross-domain images的文章，几乎所有的文章都适用于视频。

Answer 2

我找到了答案。我需要在我的视频上设置crossOrigin属性。

video.crossOrigin = "Anonymous";