// How to implement the player
const video = document.querySelector('#video');
const videoContainer = document.querySelector('#videoContainer')
const hplayer = new HPlayer(video,videoContainer, {
  "basic": {
    "source": "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4",
    "poster": "https://picsum.photos/640/360",
    "chaptersData": {
      "url": "https://your,file/chapterVtt/bigBunkBunny.vtt",
      "lang": "en",
      "mimeType": ""
    }
  },
  "advanced_features": [
    {
      "name": "chapters_vod",
      "visible": true,
      "data": {
        "chapterMarkerColor": "#000000",
        // replace with your preferred language default 'en'
        "chapterToolTips": {
          "noNextChapter": "No Next Chapter",
          "noPreviousChapter": "No Previous Chapter",
          "nextChapterPrefix": "Next Chapter: ",
          "previousChapterPrefix": "Previous Chapter: ",
          "lastChapterPrefix": "Last Chapter: "
        },
        "seekBarColors": {
            "base": "rgba(169,164,164,0.58)",
            "buffered": "rgba(152,152,152,0.83)",
            "played": "rgba(255,0,23,0.44)"
        }
      }
    }
  ]
});
hplayer.init_();