Video als Hintergrund im Gesamten Forum

BoomBoomPaco

Anleitung :

Erstellen einer Box

Position : Über Inhaltsbereich

css Klasse Zuweisen :

wrapper-global-background-video

Box Überall Sichtbar

Inhalt :

HTML

<video width="1920" height="1080" id="global_background_video" autoplay muted loop preload="auto">
<source src="../Video.mp4" type="video/mp4">
</video>

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

CSS

#pageContainer .wrapper-global-background-video {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 0;
margin-top: -26px;
}
.pageFooterStickyNotice, #pageHeader {
z-index: 999;
}
.dropdownMenuContainer {
z-index: 999;
}
.balloonTooltip {
z-index: 999!important;
}
.main {
z-index: 999;
}
.pageNavigation {
z-index: 999;
}
.boxesFooterBoxes {
z-index: 998;
}
#pageFooter {
z-index: 998;
}

Alles anzeigen

Folgendes kann einen Fehler verursachen ( weißer Streifen links oder rechts )

position: fixed;

Also , einfach bei bedarf raus komplementieren

Tags