跨源屬性中斷視頻播放

Question

我有一個適用於本地視頻blob但不適用於外部URL的React片段。如果我取消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的要麼是「否CORS」，「匿名」 ，或者「使用憑證」，可選地使用引用來源引用來源，引用來源，以及缺省來源默認行爲「污點」或「失敗」，它必須運行以下第一組適用的步驟名單。默認原點行爲僅在模式爲「無CORS」時使用。該算法將上述獲取算法封裝起來，並將獲取的資源標記爲CORS同源或CORS交叉源，或者完全阻止資源。

你說：「得到這個內容與跨域權限」，你是從請求它的服務器是不授予這些權限，所以瀏覽器攔截完全訪問它。