HTML5 Vidéo en lecture automatique sur iPhone

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:

HTML:

<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 le de 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 essais:

  • 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

  • Vous pourriez être en mesure de trouver de l'aide ici: stackoverflow.com/questions/41360490/... Personnellement, je n'ai pas encore d'obtenir n'importe quelle vidéo à tous pour la lecture automatique sur un iphone, même après avoir suivi tous ces conseils et les Pommes politiques.
InformationsquelleAutor SeBa | 2017-04-23
  1. 99

    Ne 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 la playsinline ici: https://webkit.org/blog/6784/new-video-policies-for-ios/

    • Halleluja! Je vous remercie pour cette, a tenté d'environ une douzaine d'autres solutions, en vain.
    • playsinline a fonctionné pour moi en conjonction avec muted en gardant à l'esprit la faible puissance en mode quirk sur iPhone
    • C'est la réponse.
    • playsinline Sauvé la journée!!!! Merci homme. BTW, nouveau navigateur politiques de la demande que si vous voulez démarrage automatique d'une vidéo, de la lancer, en sourdine, vous ne serez pas en mesure de le faire. +1 pour @ken Exemple pour google chrome: [developers.google.com/web/updates/2017/09/...
    • Je ne plaisante pas, vous avez sauvé ma vie
    • Si vous êtes à l'aide de Réagir, notez que l'attribut playsinline doit être écrit en camelCase: playsInline. Sinon, ça ne marchera pas.

    InformationsquelleAutor Pete Florence
  2. 23

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

    • bonne astuce mais j'ai une question à propos de ce que j'ai présenté : stackoverflow.com/questions/50400902/...
    • J'ai passé la dernière heure à essayer de comprendre pourquoi mes vidéos n'étaient pas automatiquement la lecture. Merci pour ce!
    • Merci pour ce!
    • Il est à noter que nous ne pouvons pas contrôler l'appareil de l'utilisateur et tourner de Mode Faible consommation. La seule chose que nous pouvons faire est d'inviter l'utilisateur à "désactiver le mode basse consommation" pour avoir une meilleure expérience
    • M'est arrivé aussi et m'a rendu fou jusqu'à ce que je trouve votre post. J'étais déjà en regardant les specs de Safari 11 et 11.1 si ils peut-être complètement désactivé l'exécution automatique mais c'est seulement le mode de faible consommation... un devs vie peut être difficile. 🙂
    InformationsquelleAutor D Godhani