Ondersteuning » Code oplossingen gezocht » film vertoont niet op mobile toestellen

  • hi,

    ik wil op mijn startpagina graag een introductiefilm gebruiken.
    op desktop ondervind ik geen problemen, op mobile devices wil deze echter niet afspelen.
    (film is mooi onder 8mb zoals voorgeschreven)

    kan iemand mij hierbij helpen?

    De pagina waar ik hulp bij nodig heb: [log in om de link te zien]

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    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.

    Thread starter sebabergmann

    (@sebabergmann)

    @jeroenrotty
    dien ik deze css in de theme file editor aan te passen?
    zo ja klopt het dan dat het hier om lijn:3082 gaat?

    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    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 3 maanden geleden door Jeroen Rotty.
3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)