Question

我有一个React代码段，适用于本地视频blob但不适用于外部URL。如果我取消了crossOrigin属性，视频将同时播放，但我需要画布数据导出的属性。任何原因导致跨源停止播放？

<video
    autoPlay
    controls
    crossOrigin="anonymous"
    onPause={props.onPause}
    onPlay={props.onPlay}
    width='320'>
    <source src={props.src} />
</video>

Answer 1

来自the spec：

当用户代理需要使用模式模式执行可能启用CORS的绝对URL URL获取时，模式模式为＆＃34; No CORS＆＃34;，＆＃34; Anonymous＆＃34;或＆＃34;使用凭据＆＃34;，可选地使用引荐来源引荐来源，具有原始来源，并使用默认的原始行为默认值为＆＃34;污染＆＃34;或者＆＃34;失败＆＃34;，它必须从以下列表中运行第一组适用的步骤。仅当模式为＆＃34; No CORS＆＃34;时才使用默认原点行为。该算法包含上面的获取算法，并将获得的资源标记为CORS-same-origin或CORS-cross-origin，或者完全阻止资源。

您说＆＃34;使用跨域权限获取此内容＆＃34;，您从中请求的服务器未授予这些权限，因此浏览器完全阻止对其的访问权限

交叉原点属性打破视频播放

1 个答案: