Chrome中的HTML5视频,SECURITY_ERR:DOM例外18

时间:2013-02-04 23:55:04

标签: javascript google-chrome canvas cors

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

当我使用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:*”是否应该允许跨源资源共享?

2 个答案:

答案 0 :(得分:2)

您可能需要在<video>元素上设置crossOrigin property。如果对视频资源的请求不需要cookie或HTTP身份验证,则可以将其设置为anonymous,否则为use-credentials

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

答案 1 :(得分:0)

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

video.crossOrigin = "Anonymous";