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 simple conçu avec un style 3D et une palette de couleurs pastel, adapté aux tableaux de bord.
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.
Composant de lecteur vidéo rétro
Un composant de lecteur vidéo interactif conçu avec une esthétique rétro/vintage, avec une palette de couleurs en niveaux de gris et plusieurs éléments interactifs adaptés à des fins de commerce électronique, avec prise en charge du mode sombre.