Youtube chapters example within Flowplayer
<div class="flex flex-col w-full">
<div id="chapters" class=""></div>
</div>
<script type="text/javascript">
var player = flowplayer("#chapters", {
"src": [
{
"src": "http://www.youtube.com/watch?v=QRS8MkLhQmM",
"type": "video/youtube"
}
],
"token": "eyJraWQiOiIyeHRpc0Q5NHZzTjIiLCJ0eXAiOiJKV1QiLCJhbGciOiJFUzI1NiJ9.eyJjIjoie1wiYWNsXCI6NixcImlkXCI6XCIyeHRpc0Q5NHZzTjJcIixcImRvbWFpblwiOltcImVsZWN0cm90ZXF1ZS5vcmdcIl19IiwiaXNzIjoiRmxvd3BsYXllciJ9.WLUkZHpDNoaXWDaFO2V5UfXm7SnDvE1pFAM0e7ppnFovOSyCCZM-b8gQNBSElB5yirTP__x76Qyo8pMWh6lVrw",
"youtube": {
"chapters": true,
"key": "AIzaSyCdXzLYRXDLnTZ6uPe10o8uJoFzOeHx6z8",
"lang": "en",
"subtitles": true
}
});
</script>