mediaelement.js 캡션 please please

나는이 html5 플레이어와 더 정확하게 캡션 부분에 pekk를 제공하려고합니다. 하나의 비디오에 몇 개의 캡션을 추가하는 방법을 알아 내려고하고 있습니다. 데모 팩을 보면 방금 단순히 작동하지 않습니다 ... 데모 파일 "mediaelementplayer-track.html"은 CC 버튼을 표시 한 다음 "없음" "영어"와 프랑스어 "(이 하나를 추가했습니다)의 3 가지 선택 사항을 표시합니다. .mediaelement.js 캡션 please please

<video width="360" height="203" id="player2" controls="controls"> 
<source src="../media/echo-hereweare.mp4" type="video/mp4"> 
<source src="../media/echo-hereweare.webm" type="video/webm"> 
<track kind="subtitles" src="../media/mediaelement.srt" srclang="en" /> 
<track kind="subtitles" src="../media/mediaelement-fr.srt" srclang="fr" /> 
<p>Your browser leaves much to be desired.</p>   
    </video>  

    <script> 
    $('audio,video').mediaelementplayer({ 
// auto-select this language (instead of starting with "None") 
startLanguage:'en', 
// automatically translate into these languages 
translations:['es','ar','zh','ru'], 
// enable the dropdown list of languages 
translationSelector: true 
    }); 
    </script>

So..it의 최소 4 개 언어 선택 항목을 표시하기로 그리고 2 (EN, FR) 표시 (라디오 버튼 중 하나를 수행하지 않도록 선택할 수있는 방법은 없습니다 : HTML 코드입니다 (Firebug 콘솔 오류 없음, 아무 것도 없음)

편집 캡션은 실제로 IE (!) + Safari PC (Mac에서는 시도하지 않았 음)에서 작동하지만 FF 및 CHROME에는 없습니다 (마지막 릴리즈 -FF10 ...)

나를 올바른 길로 인도 할 수 있습니까? 고맙습니다.

출처

2012-02-07 user1011212

비디오 유형이 포함 된 .htacess가 없으면 자막이 작동하지 않습니다.

따라서 데모 팩을 일부 환경이나 동등한 환경에서 테스트 한 결과 아무런 결과도 얻지 못했습니다. 실제 서버 환경에서 htacess를 사용하여 테스트 한 한 캡션이 올바르게 나타났습니다.

출처

2012-02-13 16:16:12 user1011212

최근에 .srt 확장자를 서버에 MIME 유형으로 추가해야한다는 사실을 알게되었습니다. .srt는 텍스트 파일이기 때문에 캡션 파일의 확장명을 .txt로 변경하고 해당 파일을 가리키는 링크를 업데이트하면 정상적으로 작동합니다.

출처

2013-04-11 16:23:11

mediaelement.js 캡션 please please

답변

관련 문제