챕터 트랙이 VideoJS에서 표시되지 않습니다.

video.js로 간단한 비디오 페이지를 만들고 챕터 트랙을 표시하고 싶습니다. 이 코드는 VideoJS 설명서 here을 기반으로하는 HTML 코드입니다.챕터 트랙이 VideoJS에서 표시되지 않습니다.

WEBVTT 


Chapter 1 
00:00:00.000 --> 00:16:30.000> 
Sample chapter 1 

Chapter 2 
00:16:30.000 --> 00:42:30.000> 
Sample Chapter 2

(리눅스) 크롬 (27)이 페이지를 열고, 다음과 같은 오류가 video.js:22에서 콘솔 Uncaught TypeError: Cannot read property 'id' of undefined에 표시됩니다

<!DOCTYPE html> 
<html> 
     <head> 
       <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
       <link href="http://vjs.zencdn.net/4.0/video-js.css" rel="stylesheet"> 
       <script src="http://vjs.zencdn.net/4.0/video.js"></script> 
     </head> 
     <body> 
       <video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="940" height="560" data-setup='{}'> 
       <source src="myvideo.mp4" type="video/mp4" /> 
       <track kind="chapters" src="mychapters.vtt" srclang="en" label="English" default="default" > 
       </video> 
     </body> 
</html>

는 그리고 이것은 webvtt 파일입니다. kind="chapters"을 kind="captions"으로 변경하면 캡션이 작동합니다.

내가 도움이 될 수있는 모든 도움은 내가 잘못한 것을 알아낼 수 없기 때문입니다.

미리 감사드립니다. -

출처

2013-05-30 GjjvdBurg

불행하게도, 당신이 videojs의 버전 4.x에서 수행하지 (아직) 일을 찾고있는 장 기능이 알려진 문제 : 일했다

https://github.com/videojs/video.js/issues/676

이전 3.X 버전 - 저는 v3.2를 사용하여 챕터가있는 비디오를 성공적으로 제공했습니다. 그러나 이전 버전의 플레이어는 액세스 할 수 없었고 반응이 없었습니다.

vjs.Component.prototype.addChild

단지 함수에

if (typeof component === 'undefined') return;

빠르게 캐치되지 않는 형식 오류 (더 철저하게이 처리 할 수있는 충분한 시간을 가지고 있지)를 다루는

, 나는 다음 반창고를 추가 앞에 :

this.children_.push(component);

(v4.3의 비 압축 버전에서는 사용하고 있습니다. 라인 1660 주위).

이것은 분명히 고장난 챕터 기능을 수정하는 데 아무런 효과가 없지만 발생되는 오류를 잡아낼 것입니다.

출처

2014-01-23 18:54:52 RTW2

업데이트 : 원래이 문제를 게시 한 이후로이 문제는 github에 대한 향후 추진력을 모으는 것으로 보입니다. 다행히 챕터에 대한 픽스가 곧 VideoJS에 포함될 것입니다 ... https://github.com/videojs/video.js/issues/676 – RTW2

챕터 트랙이 VideoJS에서 표시되지 않습니다.

답변

관련 문제