Use Vidstack on an Astro Page

[nicolatroehler]

I'm trying to get Vidstack to work as a web component for Astro. This is my code so far, but it's not rendering anything. Does anyone have vidstack implemented successfully on an Astro Page?

---
import BaseLayout from "../layouts/BaseLayout.astro";
import "vidstack/bundle";
---

<BaseLayout title="Vidstack">
  This is a Video Test
  <media-player
    title="Sprite Fight"
    src="https://files.vidstack.io/sprite-fight/720p.mp4"
  >
    <media-provider></media-provider>
    <media-video-layout
      thumbnails="https://files.vidstack.io/sprite-fight/thumbnails.vtt"
    ></media-video-layout>
  </media-player>
</BaseLayout>