HTML5-Video-autoplay auf iPhone

Habe ich einem seltsamen problem. Ich versuche, eine website zu erstellen mit einer geloopten hintergrund-video. Der code sieht aus wie dieses:

HTML:

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

Diese funktioniert einwandfrei auf den meisten Browsern (IE Kämpfe mit diesem Objekt-fit, was ich aber nicht Verstand), aber auf dem iPhone das video nicht autoplay, aber auf dem iPad tut. Ich habe schon gelesen das Neue Richtlinien für iOS und ich denke, dass ich die Anforderungen (sonst ist iPad nicht autoplay). Ich habe einige andere Tests:

  • Entfernen überstehender divs nicht reparieren lässt
  • Entfernen z-index gewann T fix it
  • Wifi oder Mobilfunk nicht einen Unterschied machen
  • Video-Dateigröße ist nicht einen Unterschied machen, zu

Mache ich es falsch oder ist das iPhone einfach nicht die autoplay-videos und erfordert immer Interaktion? Ich habe nur die Sorge für iOS-10, ich weiß, dass die Anforderungen wurden verschiedene auf iOS 9

  • Sie könnten in der Lage sein, um eventuell Hilfe zu finden hier: stackoverflow.com/questions/41360490/... ich Persönlich habe bisher noch jedes video auf allen, um die automatische Wiedergabe auf einem iphone, auch nach all diesen Tipps und Äpfel Politik.
InformationsquelleAutor SeBa | 2017-04-23
  1. 99

    Tut playsinline Attribut helfen?

    Hier ist, was ich habe:

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

    Siehe auch den Kommentar playsinline hier: https://webkit.org/blog/6784/new-video-policies-for-ios/

    • Halleluja! Vielen Dank für dieses, versucht hatte, über ein Dutzend andere Lösungen ohne Erfolg.
    • playsinline hat bei mir in Verbindung mit muted im Auge zu behalten, die low-power-Modus Macke auf dem iPhone
    • Das ist die Antwort.
    • playsinline Den Tag gerettet!!!! Danke Mann. BTW, neues browser-Richtlinien verlangen, dass, wenn Sie wollen, startet automatisch ein video starten Sie es stumm, oder Sie werden nicht in der Lage, es zu tun. +1 @ken Beispiel für chrome: [developers.google.com/web/updates/2017/09/...
    • Ich bin kein Scherz, Sie haben mein Leben gerettet
    • Wenn Sie Reagieren, beachten Sie, dass das Attribut playsinline geschrieben werden müssen in camelCase: playsInline. Sonst funktioniert es nicht.

    InformationsquelleAutor Pete Florence
  2. 23

    iOs 10+ ermöglicht video-autoplay-inline. aber Sie haben zu deaktivieren, "Low power mode" auf Ihrem iPhone.

    • guter Tipp, aber ich habe eine Frage, die ich eingereicht : stackoverflow.com/questions/50400902/...
    • Ich verbrachte die Letzte Stunde oder so versuchen zu verstehen, warum meine videos nicht automatisch abgespielt. Danke dafür!!!!
    • Danke dafür!!!!
    • Seine erwähnenswert, dass wir keine Kontrolle über die Benutzer-Gerät aus und schalten von Low-Power-Modus. Das einzige, was wir tun können, ist der Benutzer aufgefordert, "Turn off low-power-Modus", um eine bessere Erfahrung
    • Passiert mir so gut und fuhr mich verrückt, bis ich fand deinen Beitrag. Ich war bereits mit Blick auf die Spezifikationen der Safari 11 und 11.1 wenn Sie vielleicht komplett deaktiviert autoplay aber es war nur der low-power-mode... devs das Leben kann hart sein. 🙂
    InformationsquelleAutor D Godhani
Schreibe einen Kommentar