PlayerCode player.on("cuepoint", function (e) { const cue = e.data; if (cue.chapters) { console.log("Cuepoint Marker ", cue); } }) .on("markerselect", function (e) { console.log("Marker ", e.data); }).on("chapter-markers", function(e) { console.log("Markers ", e.data); });
Chapters
Vimeo Chapters available to Pro users and above have the opportunity to edit chapter markers on their videos. Chapter cuepoints will be added to the Flowplayer timeline using the chapter feature.
<div class="flex flex-col w-full">
<div id="chapters" class=""></div>
</div>
<script type="text/javascript">
var player = flowplayer("#chapters", {
"src": [
{
"src": "https://vimeo.com/399759138",
"type": "video/vimeo"
}
],
"token": "eyJraWQiOiIyeHRpc0Q5NHZzTjIiLCJ0eXAiOiJKV1QiLCJhbGciOiJFUzI1NiJ9.eyJjIjoie1wiYWNsXCI6NixcImlkXCI6XCIyeHRpc0Q5NHZzTjJcIixcImRvbWFpblwiOltcImVsZWN0cm90ZXF1ZS5vcmdcIl19IiwiaXNzIjoiRmxvd3BsYXllciJ9.WLUkZHpDNoaXWDaFO2V5UfXm7SnDvE1pFAM0e7ppnFovOSyCCZM-b8gQNBSElB5yirTP__x76Qyo8pMWh6lVrw",
"vimeo": {
"chapters": true,
"pro": true
}
});
</script>
