chore: migrate `VideoPlayer()` to Vidstack

[kaf-lamed-beyt]

@zcesur, could you review when you're free? Here's an overview of what I did though.

• [x] use appropriate providers for HLS, YouTube and video/mp4
• [x] added autoplay for all videos, excluding those with the analytics prefix
• [x] enable seeking for all videos — although, I haven't tested the live stream case. I'm hoping you'd help me with that, per the setup issue we had to find a workaround for.
• [x] I think PiP is enabled by default with Vidstack, all the videos I tried playing from the seed db, had that feature. You can take a look at the recording below too.
• [x] starting videos based on the ?t query param works as it should. PS: ?t=1 is equivalent to 10s

demo

Screencast from 05-09-2024 00:33:01.webm

Some issues I'm having

• duplicate/multiple IDs. I tried figuring out the cause, to no avail, perhaps, we can check this out together.
• then, there's the issue of the poster not showing... If I use the sample from vidstack's doc, it comes up fine, but that of algora doesn't. I think it is because I'm passing a broken link though, as shown un the image above too.

/claim #45

[CLAassistant]

All committers have signed the CLA.

[kaf-lamed-beyt]

Thanks for the PR @kaf-lamed-beyt! Works great overall, can merge it in once these are addressed

Smooth! Thanks for the feedback

[kaf-lamed-beyt]

hi @zcesur, please take a look. I added the onAutoplayFail() callback too, lemme know if I'm on the right track, thanks!

I forgot to add .lexical to gitignore, git tracked it. I also tried deleting the file from this PR, but it seems that's not possible? because I can still see it here.

[kaf-lamed-beyt]

despite adding /.lexical to gitignore, and deleting it here, I can still see it being generated. What could be the issue?

[zcesur]

Autoplay still doesn't work, there's a chance onAutoPlayFail is not available in vanilla JS build of the player. Can you try and see if something like this works?

this.player.subscribe(({ autoPlayError }) => {
  if (autoPlayError) {
    this.player.muted = true;
    this.player.play();
  }
});

Not sure why .lexical got tracked. Did you try pushing a new commit with its deletion?

[kaf-lamed-beyt]

Okay. I'll try this.

About lexical... when I deleted the folder, and I went on with my stuff, it auto-generated it again. Perhaps, I'll remove the extension. Hopefully that fixes it.

[mazz]

This is awesome!!