feat: add markers

[ForeverSc]

Link to related issue (if applicable)

#278

Summary of proposed changes

add markers option to custom some markers on the progress bar

...
markers: {
  enabled: true,
  points: [
    {
      time: 10, // marker point time
      tip: 'first marker', // marker point hover display tip
    },
    {
      time: 20,
      tipHTML: '<strong>second</strong> marker', // or you can custom marker hover tip by innerHTML
    }
  ]
}
...

[adeeb1]

Love this feature! For those interested, I've merged it into my fork with a few additional changes. Here's the PR: ClassHook#8

@ForeverSc feel free to include some of those changes in this PR if you think they're relevant. I'd also be happy to create a separate PR if it's easier.

[lofcz]

@sampotts can we get this merged?

[sampotts]

Thanks! I'll write up some docs and get this published!

[maxiR8]

Can you please make a new release with these additions? Latest release doesn't work with the markers.

[sampotts]

Thanks for the work on this. I've made a few small changes to the API (simplified the content to label property which accepts a string or HTML) and UI (combined the label into any existing tooltip or preview thumbnail) for it but it's mostly as-is!

Thanks again. It's in v3.7.0 🎉

[evansque]

This is awesome, thanks @sampotts I've been really waiting for this release

[sampotts]

Thanks, @evansque. The current Plyr UI design doesn't really adapt well to chapter/marker support but it's definitely something we'll consider for the Vidstack UI.