Follow

Do you know any good article with recommendations for background hero videos on landing pages?

Video dimensions, max weight, framerate, responsiveness, etc.

Thanks!

@nhoizey voilà une recommandation : don't do that, ever! :]
Tout le monde n'a pas 5GB/mois sur son forfait mobile (j'ai 250 par exemple)

@aspyrine je suis d'accord. Mais pas le client. Donc j'essaie d'aider à limiter l'impact négatif…

Est-ce que tu as activé la limitation de données dans ton navigateur ? Je vais recommander de respecter ça.

Cf developers.google.com/web/fund

@nhoizey je n'utilise pas chrome sur mobile, il n'est même pas installé. Et firefox n'a plus de setting pour ça :(

@aspyrine ah zut, je pensais que Firefox avait ce support…

Cette extension pourrait aider ?
addons.mozilla.org/fr/android/

(pas testée)

@nhoizey si elle est compat avec firefox mobile, je vais tester, merci :)
Après, y a combien de sites qui respectent ça ?

@aspyrine pas assez de sites qui le respectent, c'est sûr, mais il y en a, donc c'est déjà ça de gagné.

J'essaie de le pousser systématiquement, pas souvent compris/accepté malheureusement.

@aspyrine je viens d'essayer, apparemment pas possible de l'installer sur Firefox Android… 😢

@nhoizey Ce que j'ai déjà fait, sur demande : tester le user agent côté serveur pour ne pas servir la vidéo aux mobiles, mais une image statique et un bouton pour activer la vidéo.
@aspyrine

@nicod_ je préfère ne pas toucher au user agent, c'est dangereux.

Mais de toute façon, le client veut bien sûr une vidéo en auto play même sur mobile. C'est une vidéo d'ambiance.

+ @aspyrine

@nhoizey J'avais utilisé github.com/serbanghita/Mobile- mais je me rends compte que cette lib n'est pas super à jour, avec plein d'issues et de PR ouvertes.
C'est vrai que c'est pas très pérenne...

Et je me doute bien que le client veut que tout le monde voit sa superbe vidéo qu'il a payée si cher :D

@aspyrine

@nicod_ c'est le problème quand on se base sur le User Agent. Il y en a des millions de différents utilisés sur le Web, et des nouveaux tous les jours. Difficile de rester fiable.

Pas beaucoup d'autre possibilité côté serveur hors Client Hints, pas encore assez supportés, donc très peu utilisés.

caniuse.com/client-hints-dpr-w

@nhoizey @aspyrine Ajoutons les risques de nausées et les difficultés cognitives alors. :)

@accessiblestef j'ai déjà indiqué qu'il faudrait respecter `prefers-reduced-motion` effectivement !

Sign in to participate in the conversation
La Quadrature du Net - Mastodon - Media Fédéré

Mamot.fr est une serveur Mastodon francophone, géré par La Quadrature du Net.