HTML5 Vidéo en lecture automatique sur iPhone

Question

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

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

Cela fonctionne parfaitement bien sur la plupart des navigateurs (IE luttes avec cet objet-ajustement chose, mais je ne me dérange pas), mais sur l'iPhone, la vidéo ne fonctionne pas la lecture automatique, mais sur l'iPad il n'. J'ai déjà lu les Nouvelles Politiques pour iOS et je pense que je de répondre aux besoins (sinon, l'iPad ne sera pas de lecture automatique). J'ai fait quelques autres tests:

• Retrait de la superposition de divs ne répare pas
• Retrait de z-index ne répare pas
• Wifi ou Cellulaire n'est pas de faire une différence
• Vidéo de la taille des fichiers n'est pas de faire une différence, trop

Suis-je le fais mal ou ne iPhone n'est tout simplement pas la lecture automatique des vidéos et nécessite toujours de l'interaction? Je ne garde pour iOS 10, je sais que les exigences étaient différents sur iOS 9

Answer 1

N' playsinline attribut de l'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 l' playsinline ici: https://webkit.org/blog/6784/new-video-policies-for-ios/

Answer 2

iOs 10+, permettent à la vidéo en autoplay sur la ligne. mais vous devez désactiver le "mode d'alimentation Basse" sur votre iPhone.

Answer 3

Si vous êtes à l'aide de Réagir, notez que l'attribut playsinline doit être écrit en camelCase: playsInline.

Sinon, ça ne marchera pas.