CCHub Logo CCHub Tailwind Collection
Komponenten Videoplayer (Videoplayer) Videoplayer-Komponente

Videoplayer-Komponente

Eine minimalistische Videoplayer-Komponente, die für Social-Media-Schnittstellen entwickelt wurde und ein responsives Layout mit Unterstützung für dunkle Themen bietet.

Vorschau

HTML-Code 

<div class="max-w-md mx-auto bg-gray-800 dark:bg-gray-900 rounded-lg shadow-lg overflow-hidden">
    <video class="w-full h-64" controls>
        <source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
        Your browser does not support the video tag.
    </video>
    <div class="p-4">
        <div class="flex items-center">
            <img class="w-10 h-10 rounded-full" src="https://randomuser.me/api/portraits/men/10.jpg" alt="User Avatar">
            <div class="ml-3">
                <h2 class="text-white text-lg font-semibold">User Name</h2>
                <p class="text-gray-400 dark:text-gray-300 text-sm">2 hours ago</p>
            </div>
        </div>
        <div class="mt-2">
            <p class="text-gray-200 dark:text-gray-300 text-sm">Enjoy this video of a beautiful landscape!</p>
        </div>
        <div class="mt-4 flex justify-between text-gray-400 dark:text-gray-500">
            <button class="hover:text-white focus:outline-none">Like</button>
            <button class="hover:text-white focus:outline-none">Share</button>
            <button class="hover:text-white focus:outline-none">Comment</button>
        </div>
    </div>
</div>

Verwandte Komponenten

Retro Video Player-Komponente

Eine interaktive Videoplayer-Komponente, die im Retro-/Vintage-Stil gestaltet wurde, mit einem Graustufen-Farbschema und mehreren interaktiven Elementen, die für E-Commerce-Zwecke geeignet sind, mit Unterstützung für den Dunkelmodus.

Offen

Neon_Glow_Video_Player

Eine einfache, reaktionsschnelle Videoplayer-Komponente für Geschäfts-/Unternehmenswebsites mit Neon-/Leuchteffekten und einem warmen Farbschema für den Sonnenuntergang. Enthält Unterstützung für den Dunkelmodus.

Offen

Gradient Rainbow Video Player-Komponente

Eine saubere, minimalistische Videoplayer-Komponente für Dashboards mit einem Regenbogen-Farbschema mit Farbverlauf, responsivem Design und Unterstützung für den Dunkelmodus, die den schweizerischen/internationalen Typografie-Stil verkörpert.

Offen