Componente de reproductor de vídeo
Componente de reproductor de video de diseño minimalista / plano para comercio electrónico, receptivo con soporte de tema oscuro
Código HTML
<div class="max-w-sm mx-auto bg-white dark:bg-gray-800 rounded-lg shadow-md overflow-hidden">
<div class="relative">
<video controls class="w-full">
<source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
<div class="p-4">
<h3 class="text-lg font-semibold text-gray-800 dark:text-white">Product Title</h3>
<p class="text-gray-600 dark:text-gray-300 text-sm mt-1">Brief product description goes here.</p>
<div class="flex justify-between items-center mt-4">
<span class="text-lg font-bold text-gray-900 dark:text-white">$99.99</span>
<button class="px-3 py-1 bg-blue-500 text-white text-xs font-bold uppercase rounded dark:bg-blue-700">Add to Cart</button>
</div>
</div>
</div>Componentes relacionados
Brutalist_RealEstate_VideoPlayer
Un componente complejo de reproducción de video de estilo brutalista para listados de bienes raíces, con alto contraste, una paleta de colores bosque / verde y diseño receptivo con soporte para modo oscuro. Incluye detalles de la propiedad, información del agente y botones de acción.
Componente de reproductor de vídeo inmobiliario
Un componente de reproductor de video complejo y receptivo para plataformas inmobiliarias, con una estética de Material Design con una paleta de colores bosque/verde. Incluye control de video, detalles de propiedades y una lista de reproducción, con soporte completo para el modo oscuro.
Componente de reproductor de vídeo
Un componente de reproductor de video de estilo brutalismo con alto contraste y diseño inusual, con diseño responsivo y soporte de temas oscuros usando Tailwind CSS.