javascript - How to setup subtitles in video.js -
i searching on internet 3 hours ago , confused how implement subtitles in video.js player.
i have add <track kind="subtitles" src="http://test.to/the-longest-ride.720p.bluray.x264.yify.srt" srclang="en-us" label="english"></track> code in player , upload subtitle file server comment ballon has appeared in player menu there no subtitle showing.
and when searching read webvtt format run :( srt format or other , on runtime how implement , convert on webvtt format.
i video js caption plugin have read documentation don't understand give link of subtitle.
please how add subtitles , should start.
thanks
here example of how add subtitles video:
https://jsfiddle.net/xrpnbwfz/1/
<video id="dotsub_example" class="video-js vjs-default-skin" width="640" height="264" poster="http://video-js.zencoder.com/oceans-clip.png" controls preload="auto" data-setup='[]'> <source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4' /> <source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm; codecs="vp8, vorbis"' /> <source src="http://video-js.zencoder.com/oceans-clip.ogg" type='video/ogg; codecs="theora, vorbis"' /> <track kind='captions' src='https://dotsub.com/media/5d5f008c-b5d5-466f-bb83-2b3cfa997992/c/chi_hans/vtt' srclang='zh' label='chinese' default /> <track kind='captions' src='https://dotsub.com/media/5d5f008c-b5d5-466f-bb83-2b3cfa997992/c/eng/vtt' srclang='en' label='english' /> <track kind='captions' src='https://dotsub.com/media/5d5f008c-b5d5-466f-bb83-2b3cfa997992/c/spa/vtt' srclang='es' label='spanish' /> <track kind='captions' src='https://dotsub.com/media/5d5f008c-b5d5-466f-bb83-2b3cfa997992/c/fre_ca/vtt' srclang='fr' label='french' /> </video> there lots of sites convert srt webvtt work videojs: https://atelier.u-sub.net/srt2vtt/
Comments
Post a Comment