Liebe WBB-Designer,
ich habe einen Stil erstellt aber scheitere momentan daran auf der Seite:
https://wbks.slycer.eu/
Das Video rechts und links bündig anzuheften ohne das ich die Website zur Seite scrollen kann.
Jemand eine Idee?
Grüße
Liebe WBB-Designer,
ich habe einen Stil erstellt aber scheitere momentan daran auf der Seite:
https://wbks.slycer.eu/
Das Video rechts und links bündig anzuheften ohne das ich die Website zur Seite scrollen kann.
Jemand eine Idee?
Grüße
So in der Art? http://wsc.wolf-squad.de/
Die CSS dazu ist diese
#backgroundVideo{
position:relative;
bottom:0px;
right:0px;
top:30px;
min-width:100%;
min-height:100%;
overflow:hidden;
z-index:-1000;
left: 50%;
transform: translateX(-50%);
}
#video_background {
position: fixed;
top: 0;
right: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -1000;
overflow: hidden;
}
Display More
und dann noch eine eigene Template + die document header template die eine kleine Anpassung bekommt.
Eigene Template = "backgroundVideo"
<video id="video_background" preload="auto" autoplay="true" loop="loop" muted="muted" volume="0">
<source src="http://wsc.wolf-squad.de/wsc/images/starlab/header_bg.mp4" type="video/mp4">
<source src="http://wsc.wolf-squad.de/wsc/images/starlab/header_bg.webm" type="video/webm">
Video not supported </video>
<div id="video_pattern"></div>
Document header tpl einfach das Original kopieren im ACP und deinem Stil zuordnen und das unten anhängen
Es ist aber in einem WBB5 beta Board umgesetzt. Sollte aber auch in einem WBB4 funktionieren.
Sollte es nicht {include file="backgroundVideo"} heißen? Sonst gibt es eine Fehlermeldung.
Gruß norse
Ja sollte es typischer Copy&Paste fehler -.-
Habe es geändert. Danke @norse
Brauchte nur die CSS-Anpassung, ich danke euch recht herzlich.
Aber irgendwie passt es nicht ganz oder? Dein Forum wird UNTER dem Video dargestellt in meinem Browser
P.s, auf euren Servern bin ich mit BF4 auch immer unterwegs
Achso, was soll in die eigene "backgroundVideo" Template rein?
Das was unterhalb der CSS gleich kommt. Am besten einmal eine webm Datei und eine mp4 Datei. Nicht jeder Browser kommt mit m4 oder nur webm zurecht.
Ich habe es so umgesetzt, die Website lässt sich trotzdem zur Seite scrollen, auf kleinen Bildschirmen sogar auf die doppelte Länge des Designs.
Hast du auch im Stil die Template Gruppe angegeben? Du musst hier für einen eigen Template Gruppe nur für diesen Stil anlegen.
ALso z.b. bf4
Dort alles rein und am Ende im Stil dann diese Gruppe angeben.
Wie gesagt habe es im WBB4 nicht getestet. Wenn nicht schaue ich nachher mal in meinem Testboard dort nach. Habe den Stil auch für das 4er umgesetzt.
Hast du auch im Stil die Template Gruppe angegeben? Du musst hier für einen eigen Template Gruppe nur für diesen Stil anlegen.
ALso z.b. bf4
Dort alles rein und am Ende im Stil dann diese Gruppe angeben.
Jap, habe ich!
Übrigens, danke für die schnellen Antworten.
Grüße
So habe es bei mir mal getestet. Passt alles soweit NUR habe ich oben im Board den Button und das Fenster vom Player Aber beim runterscrollen kommt dann der Hintergrund und ich habe auf 1080er Auflösung auch das Problem mit dem Rechts - Links scrollen -.-
Aber warum geht es im WBB5?? Mhhh muss ich nochmal genauer schauen. Oder eventuell hat da ein anderer den Fehler gefunden oder Lösung parat.
Trotzdem danke für die Bemühungen.
Die Scroll-Leiste raubt mir schon den letzten Nerv.
Mir auch gerade -.- Vor allem da es im WBB5 geht und im 4er nicht. Ich werde da nochmal schauen. Wenn ich die Lösung finde kommt es sofort hier rein
Mir auch gerade -.- Vor allem da es im WBB5 geht und im 4er nicht. Ich werde da nochmal schauen. Wenn ich die Lösung finde kommt es sofort hier rein
Danke
So, ich habe es hinbekommen.
@mcburn, ich bin nochmal deine Methode Schritt für Schritt durchgegangen und voila, es hat funktioniert. Im CSS habe ich die Position von "fixed" in "absolute" geändert und jetzt passt alles zu meiner Zufriedenheit.
Vielen Dank
versuche ich gerade bei mir und ich habe nur noch den Player drin und das Video ist weg.
Ok habe gefunden woran es liegt -.- an einem Plugin grrrrr
woltlab.com/pluginstore/file/1589/Nun kann ich das Fixed doch nehmen Und das Video geht über die ganze Seite.
Soweit ich sehe hast du einen ganz anderen CSS-Aufbau oder?
Du sprichst das Video mit ".mejs-mediaelement" an oder?
EDIT: Ah, jetzt erst aktualisiert, prima das es klappt.
Don’t have an account yet? Register yourself now and be a part of our community!