0

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

当我用来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: *”不应该允许跨源资源共享吗？

4

2 回答 2

2

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

Mozilla 在 上有一篇关于跨域图像的文章<canvas>，几乎所有文章都适用于视频。

于 2013-02-05T00:21:27.000 回答
0

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

video.crossOrigin = "Anonymous";

于 2013-02-08T00:31:18.343 回答