Javascript 从“视频提升”创建的画布;受污染的画布不得出口。”;保存时出错

Javascript 从“视频提升”创建的画布;受污染的画布不得出口。”;保存时出错,javascript,html,video,canvas,html5-video,Javascript,Html,Video,Canvas,Html5 Video,我正在使用HTML5视频创建快照。视频托管在第三方服务器上,我无法控制 所以我想保存图像,但由于安全原因,toDataURL失败了 以下是错误:未能在“HTMLCanvasElement”上执行“toDataURL”:可能无法导出受污染的画布。 我想有一个解决图像问题的办法img.crossOrigin=“匿名”类似的内容。和 我尝试了videoDomElm.crossOrigin=“Anonymous”,但没有成功 有视频解决方案吗 提前感谢。crossOrigin='anonymous'只是

我正在使用HTML5视频创建快照。视频托管在第三方服务器上,我无法控制

所以我想保存图像,但由于安全原因,
toDataURL
失败了

以下是错误:
未能在“HTMLCanvasElement”上执行“toDataURL”:可能无法导出受污染的画布。

我想有一个解决图像问题的办法
img.crossOrigin=“匿名”
类似的内容。和

我尝试了
videoDomElm.crossOrigin=“Anonymous”
,但没有成功

有视频解决方案吗


提前感谢。

crossOrigin='anonymous'只是传递跨域安全需求的解决方案的一半。它使浏览器读取响应标题,如果标题允许跨来源访问内容,则不会污染画布

解决方案的另一半是将服务器配置为在其响应头中发送正确的跨源权限。如果没有将服务器配置为允许跨源访问,画布仍然会受到污染

满足跨境安全的唯一方法是:

  • 让视频源于与网页相同的域

  • 将视频服务器配置为在其标头中发送适当的跨源访问


  • 没有解决办法——您必须满足安全限制。

    crossOrigin='anonymous'
    只是传递跨域安全要求的解决方案的一半。它使浏览器读取响应标题,如果标题允许跨来源访问内容,则不会污染画布

    解决方案的另一半是将服务器配置为在其响应头中发送正确的跨源权限。如果没有将服务器配置为允许跨源访问,画布仍然会受到污染

    满足跨境安全的唯一方法是:

  • 让视频源于与网页相同的域

  • 将视频服务器配置为在其标头中发送适当的跨源访问


  • 没有解决办法--您必须满足安全限制。

    谢谢您的解释。谢谢您的解释。