Composant du lecteur vidéo
Un composant de lecteur vidéo simple conçu selon les principes de Material Design avec une mise en page réactive et une prise en charge du thème sombre.
HTML Code
<div class="max-w-xl mx-auto bg-white dark:bg-gray-800 rounded-lg shadow-md overflow-hidden mt-8">
<div class="relative overflow-hidden">
<video class="w-full h-auto" 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="p-4">
<h2 class="text-lg font-semibold text-gray-800 dark:text-white">Video Title</h2>
<p class="text-gray-600 dark:text-gray-300 mt-1">This is a short description of the video content. It provides useful information about what the viewer can expect.</p>
<div class="flex items-center mt-4">
<img src="https://randomuser.me/api/portraits/men/1.jpg" alt="Avatar" class="w-10 h-10 rounded-full mr-2">
<div>
<p class="text-gray-800 dark:text-white">Author Name</p>
<p class="text-gray-500 dark:text-gray-400 text-sm">Date Uploaded</p>
</div>
</div>
</div>
</div>Composants associés
Composant du lecteur vidéo
Un composant de lecteur vidéo réactif conçu pour un blog ou la consommation de contenu avec des micro-interactions et une palette de couleurs pastel. Il comprend une fonctionnalité lecture/pause et un contrôle du volume. La conception comprend également la prise en charge du mode sombre.
Composant du lecteur vidéo
Un composant de lecteur vidéo complexe, à contraste élevé, à l’esthétique du Material Design, adapté aux sites Web de voyage/tourisme. Dispose d’un design réactif, d’une prise en charge du mode sombre et d’éléments interactifs.
Neon_Glow_Video_Player
Un composant de lecteur vidéo simple et réactif pour les sites Web d’entreprise, avec des effets de néon/lueur et une palette de couleurs chaudes de coucher de soleil. Inclut la prise en charge du mode sombre.