Chapters

Vimeo with chapters selection using the controls markers plugin

Chapters

Vimeo Chapters available to Pro users and above have the opportunity to edit chapter markers on their videos. With the use of the Controls Markers plugin. The chapter information can be displayed on the controlbar and controlled to seek to cuepoints from a Chapters menu or an external Html list.

    
   <div class="flex w-full">
          <div id="chapters" class=""></div>
  </div>
  <script type="text/javascript">
  	var player = flowplayer("#chapters", {
    "clip": {
        "sources": [
            {
                "src": "https://vimeo.com/399759138",
                "type": "vimeo"
            }
        ]
    },
    "marker": {
        "container": "#markers-list",
        "menu": true
    },
    "share": false,
    "vimeo": {
        "chapters": true,
        "pro": true
    }
});

player.on("cuepoint", function (event, player, cue) {
if (cue.chapters) {
console.log("Cuepoint Marker ", cue);
}
})
.on("markerselect", function (event, marker) {
console.log("Marker ", marker);
}).on("chapter-markers", function(event, markers) {
console.log("Markers ", markers);
});
  </script>