Chapters are loaded from a text file in WebVTT format - for example:
WEBVTT 00:00:00.000 --> 00:00:30.000 Chapter I 00:00:30.000 --> 00:00:56.000 Chapter II 00:00:56.000 --> 00:05:34.000 Chapter III 00:05:34.000 --> 00:07:16.000 Credits
<head> <link href="//domain.com/videojs/skins/skinname/videojs.min.css" rel="stylesheet" /> </head> <body> <script src="//domain.com/videojs/video.min.js"></script> <script src="//domain.com/videojs/nuevo.min.js"></script> <video id="player_one" class="video-js" controls preload playsinline width="640" height="360" crossorigin="anonymous" poster="//www.domain.com/path/to/poster.jpg"> <source src="//www.domain.com/path/to/video.mp4" type="video/mp4" /> <track kind="chapters" src="//domain.com/path/to/chapters.vtt" srclang="en"> </video> <script> var options = {option1:'option', option2:'option2'}; // Nuevo plugin options var player = videojs('player_one'); player.nuevo (options}; </script>
<script> var chapters = {kind:"chapters", src:"//domain.com/path/to/chapters.vtt", srclang="en"}; player.on('loadeddata', function(){ player.loadTracks(chapters); }); </script>
<script>
var options = {chapterMarkers:false}; // Nuevo plugin options
var player = videojs('player_one');
player.nuevo (options};
</script>
<script> var player = videojs('player_one'); player.nuevo ({chapterMarkers:false}}; </script>