我正在尝试让我的网页显示来自我的视频服务器的视频。视频服务器与我的网络服务器在同一主机上运行,但在不同的端口上运行。
当我使用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:*”是否应该允许跨源资源共享?
答案 0 :(得分:2)
您可能需要在<video>
元素上设置crossOrigin
property。如果对视频资源的请求不需要cookie或HTTP身份验证,则可以将其设置为anonymous
,否则为use-credentials
。
Mozilla在<canvas>
上有一篇关于cross-domain images的文章,几乎所有文章都适用于视频。
答案 1 :(得分:0)
我找到了答案。我需要在我的视频上设置crossOrigin属性。
video.crossOrigin = "Anonymous";