Video als Background so geht's

  • Falls ihr in eurem Woltlab Forum (WSC 3.1) ein Video als Hintergrund erstellen wollt geht einfach so hervor

    1. Erstelle eine Box mit Box-Typ Html
    2. Position : Über Inhaltsbereich
    3. css Klasse Zuweisen : wrapper-global-background-video
    4. Inhalt : HTML
    Code
    1. <video width="1920" height="1080" id="global_background_video" autoplay muted loop preload="auto">
    2. <source src="../video.mp4" type="video/mp4">
    3. </video>
    1. Box Überall Sichtbar

    Jetzt Im benutztem Stil oder bei Stilunabhängiges CSS und SCSS folgenden Css Code einfügen :

    (z-index gegebenenfalls anpassen)

    Falls ein kleiner Spalt zwischen der Top-Box entsteht folgender CSS Eintrag einfügen.

    Dann nur noch ein mp4 Motion Video in den Root deines Verzeichnis hochladen.

    Ich selber nutze den Effekt nur im Woltlab Core mit Adventskalender, da sieht es ganz gut aus.


    ;):emojiSmiley-106::emojiSmiley-04: