web-dev-qa-db-fra.com

Lecture automatique de vidéos HTML5 sur iPhone

J'ai une sorte de problème étrange. J'essaie de créer un site Web avec une vidéo d'arrière-plan en boucle. Le code ressemble à celui-ci:

<video src="video/bg.mp4" style="z-index: -1;object-fit: cover;" poster="video/bg.jpg" autobuffer autoplay loop muted></video>

Cela fonctionne parfaitement sur la plupart des navigateurs (IE a des difficultés avec cet objet bien ajusté, mais ça ne me dérange pas), mais sur iPhone, la vidéo ne jouera pas automatiquement, mais sur iPad, elle le fera. J'ai déjà lu le Nouvelles règles pour iOS et je pense répondre aux exigences (sinon, l'iPad ne jouera pas automatiquement). J'ai fait d'autres tests:

  • Supprimer les divs superposés ne résoudra pas le problème
  • Supprimer z-index ne résoudra pas le problème
  • Wifi ou cellulaire ne fait pas la différence
  • La taille des fichiers vidéo ne fait pas une différence, aussi

Est-ce que je me trompe ou est-ce que l'iPhone ne veut tout simplement pas lire automatiquement des vidéos et nécessite toujours une interaction? Je ne m'intéresse qu'à iOS 10, je sais que les exigences étaient différentes sous iOS 9

43
SeBa

Est-ce que l'attribut playsinline aide?

Voici ce que j'ai

        <video autoplay loop muted playsinline class="video-background ">
            <source src="videos/intro-video3.mp4" type="video/mp4">
        </video>

Voir le commentaire sur playsinline ici: https://webkit.org/blog/6784/new-video-policies-for-ios/

110
Pete Florence

iOs 10+ permet la lecture automatique de vidéos en ligne. mais vous devez désactiver le "mode faible consommation" sur votre iPhone.

30
D Godhani