Themabewertung:
  • 0 Bewertung(en) - 0 im Durchschnitt
  • 1
  • 2
  • 3
  • 4
  • 5
Video als Backgound
#1
Um ein Video als Background einzubinden muss der HTML-Code wie folgt aussehen

Code:
<video autoplay muted loop class="bg__video">
   <source src="video.mp4" type="video/mp4">
</video>

wobei autoplay das Video startet
durch muted wird es stumm geschaltet
loop eine Endlosschleife bewirkt


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


in diesen Fall läuft das Video im Fullscreen.
Zitieren
#2
Gibt es dafür eine Anwendung. Oder gibt es Beispiele. Nur damit ich mir das vorstellen kann!
Weil für den Content stell ich mir das schwer vor wenn der auf einem Video ist?
Eine Katze, die sich im Unterarm fest gebissen hat,
lässt sich leicht unter kaltem Wasser wieder abwaschen. Big Grin
Zitieren


Gehe zu:


Benutzer, die gerade dieses Thema anschauen: 2 Gast/Gäste