film vertoont niet op mobile toestellen

Het lijkt er op dat er CSS is op de site die actief is voor schermbreedtes smaller dan 899 pixels. Dit gaat dan in voege:

@media screen and (max-width: 899px) { 
	.site-banner.video-banner .wp-custom-header {
	    height: auto;
	    padding-top: 0;
	}
}

Als die padding-top NIET op 0 wordt gezet onder de 899pixels breed, dan werkt het wel op mobiel.

Dat gezegd zijnde – zou ik je sterk afraden om:

1) je video op autoplay te zetten, mensen gaan heel snel je site verlaten als dat zomaar in hun gezicht wordt gegooid zonder dat ze video willen (en geluid).

2) ook tekst op je homepage te hebben, je kan best je bedrijf beschrijven in een mooie bedrijfsvideo, maar maak dat opt-in voor de gebruiker ergens op je pagina maar zorg vooral ook voor tekst. Niet enkel een video op je homepage.

Afhankelijk waar de CSS zit, zou je beter in de Customizer > Extra CSS die code tovoegen en aanpassen naar:

@media screen and (max-width: 899px) { 
	.site-banner.video-banner .wp-custom-header {
              padding-top:56.25%!important;
	}
}

Dat zou dan de bestaande CSS moeten overschrijven.

• Deze reactie is gewijzigd 2 jaren, 2 maanden geleden door Jeroen Rotty.