Composant du lecteur vidéo
Un composant de lecteur vidéo réactif conçu avec le style Neumorphism, utilisant Tailwind CSS. Il prend en charge le mode sombre avec des ombres subtiles pour donner une apparence d’interface utilisateur douce.
HTML Code
<div class="flex items-center justify-center min-h-screen bg-gray-100 dark:bg-gray-900 p-4">
<div class="bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 max-w-lg w-full">
<div class="flex justify-center mb-4">
<video class="rounded-lg shadow-lg" controls>
<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="flex items-center">
<img class="w-10 h-10 rounded-full mr-3" src="https://randomuser.me/api/portraits/men/10.jpg" alt="Avatar">
<div class="text-sm">
<p class="text-gray-900 dark:text-white font-medium">John Doe</p>
<p class="text-gray-500 dark:text-gray-300">Uploaded 2 days ago</p>
</div>
</div>
<div class="mt-4">
<p class="text-gray-800 dark:text-gray-300">A brief description of the video content goes here. It can detail key points or the overall theme of the video.</p>
</div>
</div>
</div>Composants associés
Composant du lecteur vidéo
Un composant de lecteur vidéo de style rétro/vintage avec un design réactif et une prise en charge du mode sombre à l’aide de Tailwind CSS.
Composant du lecteur vidéo
Un composant de lecteur vidéo réactif conçu avec une esthétique inspirée du papier/de l’impression et une palette de couleurs complémentaire, adapté aux forums ou aux plates-formes communautaires. Inclut la prise en charge du mode sombre et du HTML sémantique.
Composant du lecteur vidéo
Un composant de lecteur vidéo néomorphique conçu pour la présentation de portfolios, avec un thème sombre et un design réactif à l’aide de Tailwind CSS.