跨源资源共享启用了视频 Safari 7 画布

Question

我构建了一个javascript应用程序，可以让你拍摄视频的快照。

该视频由 Amazon s3 托管，存储桶的跨源资源共享标头设置为允许所有标头。

视频标记设置了 crossOrigin="anonymous" 属性。

该应用程序在Chrome和Firefox中运行良好，没有错误。

当我在画布上调用 toDataURL（） 时，我收到以下消息

Unable to get image data from canvas because the canvas has been tainted with cross-origin data.
SecurityError: DOM Exception 18: An attempt was made to break through the security policy of the user agent.

我还需要采取哪些其他步骤才能使其同时适用于远程托管的视频和 toDataURL（）？

Answer 1

除了从服务器代理视频之外，您在这里无能为力。 Safari 尚不支持 HTMLVideoElement 上的 crossOrigin 属性。