Flowbite Svelte: v0.46.14
Svelte: v5.0.0-next.179
SvelteKit: v2.5.18
Vite: v5.3.3

Video

Video player

Use this example to create a native browser video player and apply the w-full utility class from Tailwind CSS to span the full width of the parent container.

Autoplay

Use the autoplay attribute on the video component to automatically start the video when the page has been loaded.

Muted

Use the muted attribute together with the autoplay option to start the video while the sound is muted.

Sizes

Width

Height

Responsive

Use the following example to make the video responsive across all devices and viewports.

Custom styles

Customize the video player appearance using the utility classes from Tailwind CSS such as `rounded-size` or border to set rounded corners and border.