HTML5 비디오가 crossOrigin = "anonymous"로 재생되지 않습니다.

Question

내 응용 프로그램에 HTML5 비디오 플레이어를 통합하려고합니다. 내 비디오 소스와 캡션 (트랙 태그 용)이 다른 도메인에서 나옵니다.

은 내가

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

위의 코드의 모든 크롬 안전하지 않은 모드 (장애인 웹 보안)에 나를 위해 잘 작동 사용하는 경우. 나는 crossOrigin 속성을 지정하지 않을 경우 일반 크롬으로, 나는 부하 차단되었습니다 '...'원점에서

텍스트 트랙을 말하는 오류를 얻을 : 없음 문서와 같은 기원에서, 그리고 트랙 요소의 상위 요소에는 'crossorigin'속성이 없습니다. 따라서 원점 'http://localhost ...'은 액세스 할 수 없습니다.

crossOrigin 특성을 지정하면 캡션 API에서 데이터를 성공적으로 가져옵니다. 그러나 비디오는 재생되지 않습니다. 누구든지 crossOrigin 속성을 설정하여 비디오를 재생할 수있는 방법을 제안 할 수 있습니까?

Answer 1

crossorigin = "anonymous"로 설정 한 후 동영상 소스 URL에서도 CORS를 사용하도록 설정해야했습니다. 이 확장이 날이 문제에 대한 수정 프로그램을 시뮬레이션 도움을 사용 * (또는 화이트리스트에 도메인)

:

액세스 제어가--허용 원산지 : 비디오 URL은 다음과 같은 응답 헤더를 반환해야 : https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi?hl=en