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
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
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.
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.