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

Real Estate Video Player Component

A complex, responsive video player component for real estate platforms, featuring a Material Design aesthetic with a forest/green color palette. Includes video control, property details, and a playlist, with full dark mode support.

Open

Video Player Component

Video Player Component with Glassmorphism style, Analogous color scheme, and Moderate complexity for Blog/Content purpose, with responsive design and dark theme support using Tailwind CSS. No Javascript.

Open

Video Player Component

A simple video player component designed using Material Design principles with a responsive layout and dark theme support.

Open