Arrêter la lecture des vidéos hors du cadre de visualisation

L'objectif est de limiter l'impact de contenus qui sont de grands consommateurs de ressources, même lorsqu'ils ne sont pas consultés.

Illustration d'une vidéo qui se met en pause en sortant d'un cadre visible.

Objectif : Économiser les ressources

Les vidéos consomment des ressources processeur et réseau (si elles sont en streaming) tant qu'elles sont en cours de lecture.

Lorsque la vidéo n'est plus affichée sur la zone écran de l'utilisateur (parce qu'il a scrollé), elle doit se désactiver et passer en pause automatiquement.

Comment faire ?

  • ✓ UX/UI Designers : Spécifier ce comportement de pause automatique dans les maquettes et les spécifications fonctionnelles.
  • ✓ Intégrateurs : Utiliser l'API JavaScript IntersectionObserver pour détecter efficacement quand l'élément vidéo sort de la zone visible (viewport) et appeler la méthode .pause() sur la vidéo.
← Page Précédente : Optimiser les Médias Page Suivante : Minimiser les Dimensions des Images →