Composants Lecteur vidéo Composant du lecteur vidéo

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

Aperçu

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

Lecteur vidéo monochromatique 3D

Un composant de lecteur vidéo réactif avec des éléments de conception 3D et une palette de couleurs monochromatiques, adapté à un tableau de bord.

Ouvrir

Composant du lecteur vidéo

Un composant de lecteur vidéo minimaliste conçu pour les interfaces de médias sociaux, avec une mise en page réactive avec prise en charge du thème sombre.

Ouvrir

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.

Ouvrir