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.
HTML Code
<div class="bg-gray-900 text-gray-300 p-4 rounded-lg shadow-lg max-w-lg mx-auto">
<div class="relative aspect-w-16 aspect-h-9">
<video class="rounded-lg" controls>
<source src="https://www.learningcontainer.com/wp-content/uploads/2020/05/sample-mp4-file.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
<div class="mt-4">
<h2 class="text-lg font-semibold">Video Title</h2>
<p class="text-sm">This is a short description of the video content. It provides context and encourages the viewer to watch the video.</p>
</div>
<div class="flex items-center mt-4">
<img src="https://randomuser.me/api/portraits/men/1.jpg" alt="User Avatar" class="w-10 h-10 rounded-full mr-2">
<div>
<h3 class="text-md font-semibold">Username</h3>
<p class="text-xs text-gray-500">Posted on <time datetime="2023-10-01">October 1, 2023</time></p>
</div>
</div>
</div>Composants associés
Material_Design_Video_Player_Component
Un composant de lecteur vidéo réactif avec une esthétique de conception matérielle, une palette de couleurs neutres chaudes, une prise en charge du mode sombre, adapté aux systèmes de réservation. Comprend une vignette vidéo, un bouton de lecture, un titre, une description et un appel à l’action « Réserver maintenant ».
Composant du lecteur vidéo
Composant de lecteur vidéo réactif avec design Glassmorphism, palette de couleurs Earth tones et prise en charge du mode sombre. Utilise un HTML simple et un CSS Tailwind.
Composant de lecteur vidéo immobilier
Un composant de lecteur vidéo complexe et réactif pour les plateformes immobilières, doté d’une esthétique Material Design avec une palette de couleurs forêt/vert. Comprend le contrôle vidéo, les détails de la propriété et une liste de lecture, avec une prise en charge complète du mode sombre.