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.
Lecteur vidéo minimaliste
Composant de lecteur vidéo codé en HTML avec Tailwind CSS. Il a un design minimaliste utilisant une palette de couleurs en niveaux de gris, destiné à une utilisation sur le tableau de bord. Il s’agit d’un composant complexe avec plusieurs éléments interactifs et est entièrement réactif avec la prise en charge du mode sombre.
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.