Hallo, Besucher der Thread wurde 599 aufgerufen und enthält 0 Antworten

letzter Beitrag von Belarus am

[CSS] Video Background

Aktiviere jetzt die 2-Faktor-Authentisierung für deinen Account und erhalte die Trophäe Auf der sicheren Seite.

    Hallo,


    Dir sind einfache Farbverläufe (Gradients) oder Hintergrundbilder (Background-Images) zu langweilig oder unattraktiv? Dann kannst Du recht schnell und einfach Dein Internetprojekt noch interaktiver machen. Die Rede ist dabei von einen Video-Hintergrund, so wie dies schon bei vielen Seiten zum Einsatz kommt ;)


    Features

    • Leichte Integration
    • Reines HTML und CSS
    • Mit jedem Video möglich
    • Individuell an Deinen Style anpassbar





    Demo


    Eine Live Demo ist leider nicht verfügbar :(

    Quellcode

    Dieser BBCode ist nur für Mitglieder sichtbar! - Um den BBCode nutzen zu können Loggen Sie sich bitte ein oder Registrieren Sie sich.
    Dieser BBCode ist nur für Mitglieder sichtbar! - Um den BBCode nutzen zu können Loggen Sie sich bitte ein oder Registrieren Sie sich.

    Benutzung

    1. Gehe zu Templates Dein Style header
      Info:
      Wenn das header-Template noch nicht vorhanden ist, so bitte aus der Standard Template Gruppe das header-Template kopieren. Klicke dazu einfach auf das Kopieren-Symbol (siehe: ) und kopiere das Template zur Templategruppe Deines Styles.
    2. Suche darin den öffnenden <body>-Tag (relativ am Anfang) und füge danach den HTML-Quellcode ein (siehe oben).
    3. Vergewissere Dich, dass der Pfad zum Hintergrundbild und dem Hintergrundvideo entsprechend an Deinen Pfad angepasst wurden.
    4. Gehe zu Dein Style Erweiterte Einstellungen Eigene Deklarationen - oder - Stilunabhängiges CSS und SCSS
    5. Füge dort den CSS-Quellcode (siehe oben) ein.
    6. Fertig!

    Hinweis

    Für den Video-Hintergrund sollte das Video im .mp4 sowie im .webm Format vorliegen. Um Videos entsprechend zu konvertieren kann ein Online-Konverter wie zum Beispiel Cloudconvert oder Convertigo genutzt werden. Solltest Du kein eigenes Video zur Hand haben, so können Public-Domain Videos zum Beispiel bei Pixabay , Pexels , Vidsplay oder ein Anbieter Deiner Wahl gefunden werden.

    Warnung

    Das unachtsame (ver)ändern von Templates kann zu einem Templatefehler führen. Es wird daher dringend dazu geraten vorher ein Backup zu machen! Für etwaige Datenverluste oder Schäden kann keine Haftung übernommen werden! Bei Unsicherheiten frag entsprechend besser vorher nach oder wende Dich an einer Person Deines Vertrauens. Danke!

    Lizenz

    Copyleft oder mit anderen Worten, macht damit was Ihr wollt ;)

    Screenshots


    Viel Spaß damit ;)


    Gruss,
    Andreas

    • Gäste Informationen
    Hallo,gefällt dir der Thread, willst du was dazu schreiben,
    dann melde dich bitte an.
    Hast du noch kein Benutzerkonto, dann bitte registriere dich, nach der Freischaltung kannst du
    das Forum uneingeschränkt nutzen.

  • Belarus

    Hat den Titel des Themas von „Video Background“ zu „[CSS] Video Background“ geändert.

Jetzt mitmachen!

Du hast noch kein Benutzerkonto auf unserer Seite? Registriere dich kostenlos und nimm an unserer Community teil!