외부 URL에서 VTT (자막)이 작동하지 않습니다.

Question

외부 URL에서 동영상의 자막을 재생하려고하지만 작동하지 않습니다. 그러면 vtt 파일을 추가하려고하면 그 URL이 저장됩니다. 아래 코드는 <video id="video" controls preload="metadata"> <source src="video/sintel-short.mp4" type="video/mp4"> <track label="English" kind="subtitles" srclang="en" src="http://devcache.filmflexmovies.com/Test/Movies/2016/6/28/SDFEATUREMOVIE/Creed ENG.VTT" default> </video> 위의 코드는 작동하지 않습니다. 하지만 vtt의 내용을 복사하면 작동합니다. <video id="video" controls preload="metadata"> <source src="video/sintel-short.mp4" type="video/mp4"> <track label="English" kind="subtitles" srclang="en" src="abc.VTT" default> </video> 도와주세요.

Answer 1

교차로 액세스 문제로 인해 차단 된 것 같습니다. 다른 도메인에서 VTT 파일에 액세스하려면 두 가지 조건을 만족해야

1. 가 VTT file를 호스팅하는 사이트 에 대한 권리 CORS 헤더를 추가합니다. 이 사이트에 대한 액세스 권한이 없을 수도 있지만 고맙게도 오른쪽 헤더가 이미 사용되고있는 것처럼 보입니다 : Access-Control-Allow-Origin: *.
2. 페이지의 오디오/비디오 요소에 crossorigin = "anonymous"속성을 추가하십시오. 이런 식으로 뭔가 :

<video id="video" crossorigin="anonymous" autoplay controls preload="metadata"> 
 
    <source src="video/sintel-short.mp4" type="video/mp4" /> 
 
    <track label="English" kind="subtitles" srclang="en" src="http://devcache.filmflexmovies.com/Test/Movies/2016/6/28/SDFEATUREMOVIE/Creed ENG.VTT" default/> 
 
</video>

나는이 당신을 위해 일하는 바랍니다.