Video als Background einbinden - Bootstrap

  • Hi Leute, erstmal heiße ich alle Gleichgesinnten herzlich willkommen.
    Ich baue im Moment eine Webseite mit Bootstrap und habe ein Problem mit dem Video als Background einbinden.
    Ich möchte das Video aber nicht im Header einbauen, sondern an anderer Stelle, irgendwo mittendrin.
    Finde leider keine Dokumentation dazu.
    Wenn sich jemand damit auskennt, wäre ich sehr dankbar, da ich einfach keine Lösung finde. Egal wo ich das Video platziere, es erscheint automatisch im Startbildschirm.
    Mache jetzt Feierabend - Code würde ich dann morgen früh posten.
    Danke
    Gruß Pascal

  • das Video in HTML einbinden:
    <video autoplay muted class="bg__video">
    <source src="video.mp4" type="video/mp4">
    </video>


    und in den Styles den Z-Index auf -100 setzen:
    .bg__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -100;
    }


    in diesen Fall läuft das Video im Fullscreen.

  • Danke dir vielmals für deine Hilfe, es lag an dem z-index. Jetzt funktioniert.
    Kennst du das Ethanol template? das benutze ich nämlich gerade und ich bekomme den slider nicht auf 100%, irgendwie ist da ein overlay div eingebaut.
    Falls du eine Lösung weißt...
    Beste Grüße Pascal

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!