HTML5視頻不能與crossOrigin =「匿名」玩

我想將HTML5視頻播放器集成到我的應用程序中。我的視頻來源和標題（用於跟蹤標記）來自不同的域。HTML5視頻不能與crossOrigin =「匿名」玩

當我使用

<video crossOrigin="anonymous"> 
    <source src="domain1Url"> ... </source> 
    <track kind="captions" label="English Captions" src="domain2Url" srclang="en" default> 
</video>

所有上面的代碼工作正常，我在Chrome不安全模式（禁用網絡安全）。隨着常規的Chrome，如果我不指定crossOrigin屬性，我得到一個錯誤，從源頭

文本軌道「...」已經從加載阻止：不以同樣起源的文檔， track元素的父元素不具有「crossorigin」屬性。 Origin'http://localhost ...'因此不被允許訪問。

指定crossOrigin屬性後，標題API會成功獲取數據。但視頻不會播放。任何人都可以建議如何使用crossOrigin屬性設置視頻播放？

來源

2017-01-24 Adarsh Konchady

http://stackoverflow.com/questions/39294190/catching-origin-is-not-allowed-by-access-control-allow-origin-error/41646601#41646601可能是相關的 – sideshowbarker

設置crossorigin =「匿名」後，我需要在視頻源URL上啓用CORS。視頻URL需要返回以下響應頭：

訪問控制允許來源：*（或域名白名單）

使用這個擴展幫我模擬了修復該問題： https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi?hl=en

來源

2017-01-24 15:21:47

HTML5視頻不能與crossOrigin =「匿名」玩

回答

相關問題