Componente lettore video
Un componente del lettore video reattivo progettato per la modalità oscura con una combinazione di colori analoga per il consumo di contenuti.
Codice HTML
<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>Componenti correlati
Componente lettore video
Un componente del lettore video reattivo progettato con lo stile glassmorphism, con elementi traslucidi simili al vetro smerigliato con effetti di sfocatura, supporto per temi scuri e immagini segnaposto.
Componente del lettore video immobiliare
Un componente di riproduzione video complesso e reattivo per piattaforme immobiliari, caratterizzato da un'estetica di Material Design con una tavolozza di colori foresta/verde. Include il controllo video, i dettagli delle proprietà e una playlist, con supporto completo per la modalità scura.
Componente del lettore video retrò
Un componente per lettore video interattivo progettato con un'estetica retrò/vintage, caratterizzato da una combinazione di colori in scala di grigi e molteplici elementi interattivi adatti per scopi di e-commerce, con supporto per la modalità oscura.