Fullscreen Video Background 
Autor: Martin H.
Besucht 2058,
Followers 1,
Geteilt 0
Da es die Möglichkeit zur Videoeinbindung gibt wäre es Wünschenswert, wenn diese Videos sich dem Fenster anpassen würden bzw. durch entsprechenden Zoomen sich dem jeweiligen Fensterformat (vom Dektop, Tablet oder Smartphone) anpassen könnten.
Da es in der Mobilendarstellung durchaus Sinn macht, diese Videos auszublenden um z.B. die Ladezeit zu verkürzen, sollte man die Möglichkeit haben, den Breakpoint festzulegen, wo diese Ausblendung des Videos stattfinden soll.
Als Beispiel diese Demoseite: http://dev2.slicejack.com/fullscreen-video-demo/index.html
Gepostet am
Hallo Martin,
wenn du im Header ab z.B. 480 px statt das Video nur ein Bild einsetzt hast du doch diesen Effekt.
Gruß
Andreas
Autor
Hallo Andreas,
im Header oder im Seitenhintergrund (Struktur der Vorlage) kann man bei Website in der keine Videos einbinden, dies geht nur im Zeilenstil. Im Zeilenstil werden die eingbundenen Videos immer in ihrem Seitenverhältniss (z.B. 4:3 oder 16:9) wiedergegeben. Verschmälerst Du die Seite, so entstehen oben und unten am Video freie Bereiche. Daher sollten sich die Videos dem Fenster anpassen - was jedoch nicht passiert. Siehe hier: http://www.webdesign-markersdorf.at/webdesigner/index.html
Hi Martin!
Dieses Musterprojekt ist noch von der V13 und das Video ist über Youtube eingebunden. ICh habe es noch nicht in die V14 konvertiert (derzeit) und getestet. Es passt sich aber auch nicht an auf die größe des Videos sondern auf die Zeilenhöhe bzw. auf die Objekte die dort vorhanden sind. Es schaut nur besser aus, weil Youtube eine dunkle Hintergrundfarbe einfügt.
Deine obige Musterseite, ist nur eine komplett abgespeckte WEbsite mit nur dem Video und dem Text. Es ist auch speziell per CSS angepasst worden, deshalb kann man es auch nicht vergleichen mit Videos im "Zeilenstil" !
Theoretisch kann man per HTML und CSS Code Videos in den Hintergrund einbinden. Ist aber sehr individuell das zu machen.
Autor
Hallo Andreas,
dass mit dem einbinden per HTML und CSS habe ich auch hinbekommen - ist nicht das Problem, jedoch könnte man sich die händische Codeeingabe sparen, wenn dies mit Bordmitteln von Website möglich wäre. Im Zeilenstil ist es ja auch möglich, Bilder dem Fanter anzupassen auszuwählen, dann müsste dies auch - hinsichtlich der zunehmenden Mobilgeräten - auch für Videos möglich sein?