HTML5-Video wird nicht mit crossOrigin = "anonymous" wiedergegeben

Question

Ich versuche, den HTML5-Videoplayer in meine Anwendung zu integrieren. Meine Videoquellen und die Beschriftung (für das Track-Tag) stammen aus einer anderen Domäne.

Wenn ich die

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

Alle oben genannten Code für mich in Chrome unsicheren Modus (deaktiviert Web-Sicherheit) gut funktioniert. Mit regelmäßigen Chrome, wenn ich nicht das crossOrigin Attribut angeben bekomme ich einen Fehler

Textspur vom Ursprung sagen ‚...‘ vom Laden blockiert wurde: überhaupt nicht denselben Ursprung wie das Dokument, und Parent des Track-Elements hat kein 'Crossorigin'-Attribut. Ursprung 'http://localhost ...' ist daher nicht erlaubt.

Nach Angabe des crossOrigin-Attributs ruft die Caption-API die Daten erfolgreich ab. Aber das Video wird nicht abgespielt. Kann mir irgendjemand vorschlagen, wie ich das Video mit dem crossOrigin-Attribut spielen lassen kann?

Answer 1

Nachdem ich crossorigin = "anonymous" eingestellt hatte, musste ich CORS auch bei den Videoquellen-URLs aktivieren. Die Video-URL muss die folgenden Antwort-Header zurück:

Access-Control-Allow-Origin: * (oder die Domain Whitelist)

Mit dieser Erweiterung hat mir geholfen, die Lösung für das Problem zu simulieren : https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi?hl=en