Composant du lecteur vidéo
Composant de lecteur vidéo minimaliste / plat pour le commerce électronique, réactif avec prise en charge du thème sombre
HTML Code
<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>Composants associés
Composant du lecteur vidéo
Composant de lecteur vidéo réactif conçu pour le mode sombre avec une palette de couleurs analogue pour la consommation de contenu.
Composant de lecteur vidéo arc-en-ciel dégradé
Un composant de lecteur vidéo épuré et minimaliste pour les tableaux de bord, doté d’un schéma de couleurs arc-en-ciel dégradé, d’un design réactif et d’une prise en charge du mode sombre, incarnant le style typographique suisse/international.
Lecteur vidéo
Composant de lecteur vidéo avec micro-interactions, palette de couleurs complémentaires, complexité modérée et conception réactive avec prise en charge du thème sombre pour une utilisation en portefeuille.