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