WebVTT Captions test with Videojs with Nuevo plugin
Since video.js supports multilanguage text tracks in WebVTT format that work across all HTML5 browsers, also Nuevo skin was designed to display captions (CC) button and captions menu for language selection.Once your WebVTT cpations file ready you can easily add it to video tag using the track tag that you must put after all video source tags, eg.
<video id="example_video_1" class="video-js vjs-default-skin" controls preload="auto" width="640" height="264"> <source src="//domain.com/video_360.mp4" type="video/mp4" res="360" label="360p" default /> <source src="//domain.com/video_720.mp4" type="video/mp4" res="720" label="720p" /> <track kind="captions" src="//domain.com/path/to/captions.vtt" srclang="en" label="English" default> <track kind="captions" src="//domain.com/path/to/captions.vtt" srclang="de" label="German"> </video>For Nuevo skins "captions settings" panel has been completely redesigned to look best and fit every device. Default videojs panel style in not perfect, may lead to wrong display, especially on small mobile devices.
Detailed information about WebVTT tracks support n video.js player you can find on http://docs.videojs.com/docs/guides/tracks.html