我正在尝试让我的网页显示来自视频服务器的视频。视频服务器与我的网络服务器在同一台主机上运行,但在不同的端口上。
当我使用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
我错过了什么?"访问控制允许来源:*"不应该允许跨来源的资源共享吗?
您可能需要在<video>
元素上设置crossOrigin
属性。如果对视频资源的请求不需要cookie或HTTP身份验证,则可以将其设置为anonymous
,否则可以将其设为use-credentials
。
Mozilla在<canvas>
上有一篇关于跨域图像的文章,几乎所有这些都适用于视频。
video.crossOrigin = "Anonymous";