Qualité de contenu basée sur la bande passante utilisateur mobile

Je voudrais afficher une vidéo pour les utilisateurs avec une bande passante élevée et une image statique pour ceux avec une faible bande passante. Je pouvais simplement montrer des images à tous les utilisateurs du Web mobile.

J’ai trouvé une classe de détection mobile PHP Mobile Detect .

Quelle est la meilleure manière de s’occuper de ça?

Ce n’est pas vraiment possible avec HTML / CSS / JS. Vous pouvez télécharger un fichier de test avec Javascript et mesurer le temps, mais c’est une perte de bande passante à mes yeux. Le seul mécanisme facile qui se présente est celui de Flash, qui a une fonction intégrée (bien que je ne sache pas comment cela fonctionne).

En guise de conseil, je vous recommande d’afficher l’image statique à tous les utilisateurs d’abord avec un petit bouton bien ordonné sur lequel vous pouvez changer la vidéo (moi-même et beaucoup d’autres préfèrent cela même si j’ai une très bonne connexion).