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:
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
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/
iOs 10+ permet la lecture automatique de vidéos en ligne. mais vous devez désactiver le "mode faible consommation" sur votre iPhone.