Components Video Player Video Player Component

Video Player Component

Responsive Video Player Component with Dark Mode

Preview

HTML Code

<div class="aspect-w-16 aspect-h-9 bg-gray-900 dark:bg-gray-800 rounded-lg overflow-hidden">
  <video controls class="w-full h-full object-cover">
    <source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
    Your browser does not support the video tag.
  </video>
</div>

Related Components

Video Player Component

A responsive video player component styled with Tailwind CSS focused on microinteractions and dark theme support.

Open

Video Player Component - Watercolor/Artistic, Ocean/Blue, Healthcare

A simple, responsive video player component with a watercolor/artistic design style and ocean/blue color scheme, suitable for healthcare and medical applications. Includes dark mode support.

Open

Video Player Component

A minimalist video player component designed for social media interfaces, featuring a responsive layout with dark theme support.

Open