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
Componente de reproductor de vídeo
Un componente de reproductor de video minimalista diseñado para interfaces de redes sociales, con un diseño receptivo con soporte para temas oscuros.
Componente del reproductor de vídeo Gradient Rainbow
Un componente de reproductor de video limpio y minimalista para tableros, con un esquema de colores de arco iris degradado, diseño receptivo y compatibilidad con modo oscuro, que encarna el estilo de tipografía suiza / internacional.
Componente de reproductor de video - Acuarela/Artístico, Océano/Azul, Cuidado de la salud
Un componente de reproductor de video simple y receptivo con un estilo de diseño artístico / acuarela y un esquema de color océano / azul, adecuado para aplicaciones médicas y de atención médica. Incluye soporte para modo oscuro.