Video

---
import navVideo from "@/assets/videos/starwind-pro_nav-3-responsive.mp4";
import { Video } from "@/components/starwind/video";
---

<Video src={navVideo} controls muted class="rounded-lg" />

import navVideo from "@/assets/videos/starwind-pro_nav-3-responsive.mp4";
import { Video } from "@/components/starwind/video";

export function Example() {
  return (
    <>
      <Video src={navVideo} controls muted className="rounded-lg" />
    </>
  );
}

---
import { Video } from "@/components/starwind/video";
---

<Video
  src="https://www.youtube.com/watch?v=dQw4w9WgXcQ"
  title="YouTube video"
  class="rounded-lg"
/>

import { Video } from "@/components/starwind/video";

export function Example() {
  return (
    <>
      <Video
        src="https://www.youtube.com/watch?v=dQw4w9WgXcQ"
        title="YouTube video"
        className="rounded-lg"
      />
    </>
  );
}

---
import { Video } from "@/components/starwind/video";
---

<Video
  src="https://www.youtube.com/shorts/WVfUcdYugio"
  title="YouTube Shorts"
  class="aspect-square max-w-xs rounded-lg"
/>

import { Video } from "@/components/starwind/video";

export function Example() {
  return (
    <>
      <Video
        src="https://www.youtube.com/shorts/WVfUcdYugio"
        title="YouTube Shorts"
        className="aspect-square max-w-xs rounded-lg"
      />
    </>
  );
}