Video im Hintergrund - Design Berlin

13.02.2020 18:07
avatar  sgrafik
#1
avatar

Wieder einmal eine Frage zum Thema Video im Hintergrund - es soll sich doch alles schön bewegen und animiert sein ...
Jetzt aber folgendes Problem / folgende Frage: Ich habe da so einen Abstand zum Rand auf der linken Seite - und ich finde den Fehler oder das Problem nicht.

> zur Testseite mit dem Testvideo ...

Vielen Dank für Unterstützung!
Grüsse


 Antworten

 Beitrag melden
17.02.2020 13:16 (zuletzt bearbeitet: 17.02.2020 13:19)
avatar  az_
#2
avatar
az_

Meistens hat das etwas damit zu tun, in welchen Container sich das Hintergrund Video befindet. Wenn alle Stränge reißen, kannst du es per jQuery in einen übergeordneten Container verschieben. Dann wird es wieder korrekt angezeigt. Beispiel: https://www.balu-ferias.com/


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
17.02.2020 13:40 (zuletzt bearbeitet: 17.02.2020 13:41)
avatar  az_
#3
avatar
az_

Korrektur: Bei Deiner Testseite ist es noch anders. Ich hab es mir gerade angesehen - hier wurde ein Jimdo-Standard Hintergrund-Video verwendet, richtig?

...versuch mal folgendes:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
 

 
.jqbga-web--video iframe {
width:100vw !important;
height:56vw !important;
}
 
.jtpl-logo {
max-height:15vw;
}
 
.jtpl-header {
min-height:56vw;
padding: 0;
margin:0;
}
 
.layout-alignment {
padding: 0 auto;
}

@media (min-width: 768px) {
.jtpl-main {
max-width:80% !important; /*hier hast Du 60% gesetzt in Deinem Stylesheet*/
margin: 0 auto; /*das setzt alles mittig*/
}
}
 
LG, az
 

 
 


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!