Как мы можем связать временные метки видео с React Video js player

Question

Я реализовал проигрыватель react video js, ​​где я передаю видео, используя реквизиты в src, теперь у меня есть временные метки видео в формате hh:mm: ss, то, что я пытаюсь сделать, - это соединить эти все временные метки с мой реагирующий видео js-плеер (Примечание: реагирующий видео-плеер поддерживает аудио и видео, поэтому я передаю звук, и он работает отлично) npm, который я использую: https://www.npmjs.com/package/react-video-js-плеер

       <VideoPlayer
            className="videojsplayer"
            src={props.afile}
            width="590"
            height="180"
            playbackRates={[0.5,1,1.5,2]}
  />

Это отметки времени, которые у меня есть, когда я console.log(отметка времени)

      {
    "ptr0": "00:07:31",
    "ptr1": "00:10:40",
    "ptr2": "00:14:07",
    "ptr3": "00:18:24",
    "ptr4": "00:23:33",
    "ptr5": "00:29:36",
    "ptr6": "00:32:44",
    "ptr7": "00:35:17",
    "ptr8": "00:37:45",
    "ptr9": "00:44:23",
    "ptr10": "00:49:53",
    "ptr11": "00:53:49",
    "ptr12": "00:57:20",
    "ptr13": "01:04:32"
}

Например, пользователь нажимает на метку времени ptr0, после чего воспроизведение видео начинается с этой конкретной метки времени.

Спасибо за помощь.