Componente de reproductor de vídeo
Un componente de reproductor de video receptivo diseñado en un estilo brutalista con soporte para temas oscuros. Cuenta con un alto contraste y un diseño audaz, utilizando Tailwind CSS para el estilo e incluye imágenes de marcador de posición y avatares.
Código HTML
<div class="bg-gray-900 text-white p-6 rounded-lg shadow-lg">
<h2 class="text-3xl font-bold mb-4">Video Player</h2>
<div class="relative mb-4">
<img class="w-full h-auto rounded-lg" src="https://picsum.photos/800/450" alt="Placeholder Video Thumbnail" />
<div class="absolute inset-0 flex items-center justify-center">
<button class="bg-red-600 text-white p-3 rounded-full focus:outline-none">
Play
</button>
</div>
</div>
<div class="flex items-center mb-4">
<img class="w-12 h-12 rounded-full border-2 border-white" src="https://randomuser.me/api/portraits/men/1.jpg" alt="User Avatar" />
<div class="ml-3">
<p class="text-lg font-semibold">User Name</p>
<p class="text-sm text-gray-400">Uploaded 2 days ago</p>
</div>
</div>
<div class="flex justify-between text-sm text-gray-400">
<span>1,234 views</span>
<span>20 likes</span>
</div>
<div class="mt-4">
<h3 class="text-xl font-bold">Description</h3>
<p class="text-gray-300 mt-2">This is a brief description of the video content, designed in a bold, raw style that reflects the principles of brutalism.</p>
</div>
</div>Componentes relacionados
Componente de reproductor de vídeo
Un componente de reproductor de video receptivo diseñado con una estética inspirada en el papel / impresión y una combinación de colores complementaria, adecuada para plataformas de foros o comunidades. Incluye soporte para modo oscuro y HTML semántico.
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 simple diseñado con un estilo 3D y una combinación de colores pastel, adecuado para tableros.