Popcorn TTML 자막이있는 동영상 요소 추가

this Fiddle에서 볼 수 있듯이 PopcornJS를 사용하여 TTML 자막이있는 동영상 요소를 삽입하려는 페이지가 있습니다. 자막을 제외하고 모두 잘 작동합니다. 그들은 보여주지 않는다. <video src="myvideo.mp4" data-timeline-sources="data.ttml" />과 같은 작업을하면 부제가 올바르게 작동합니다.Popcorn TTML 자막이있는 동영상 요소 추가

여기 뭔가 잘못되었거나 Pop32JS로 video 요소를 삽입 할 수 없으므로 data-timeline-sources 속성을 설정하고 해당 자막 파일을 사용하여 비디오를 재생할 수 있습니까?

내 data.ttml 자막 파일은 다음과 같습니다

<tt xmlns:tts="http://www.w3.org/2006/04/ttaf1#styling" xmlns="http://www.w3.org/2006/04/ttaf1"> 
<body region="subtitleArea"> 
    <div> 
    <p xml:id="subtitle1" begin="0.50s" end="2.5s"> 
     Test subtitle 1 
    </p> 
    <p xml:id="subtitle2" begin="3.0s" end="5.0s"> 
     Test subtitle 2 
    </p> 
    <p xml:id="subtitle3" begin="5.5s" end="8.5s" > 
     Test subtitle 3a<br/> 
     Test subtitle 3b 
    </p> 
    <p xml:id="subtitle4" begin="9.5s" end="12.0s"> 
     Test subtitle 4 
    </p> 
    <p xml:id="subtitle5" begin="13.0s" end="15.0s"> 
     Test subtitle 5 
    </p> 
    </div>  
</body> 
</tt>

출처

2013-05-14 Maarten Janssen