it-swarm.com.de

HTML5 Video Autoplay auf dem iPhone

Ich habe ein seltsames Problem. Ich versuche, eine Website mit einem geloopten Hintergrundvideo zu erstellen. Der Code sieht so aus:

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

Dies funktioniert auf den meisten Browsern einwandfrei (IE kämpft mit dieser objektangepassten Sache, aber es macht mir nichts aus), aber auf dem iPhone wird das Video nicht automatisch wiedergegeben, aber auf dem iPad. Ich habe bereits die New Policies for iOS gelesen und denke, ich erfülle die Anforderungen (andernfalls wird das iPad nicht automatisch wiedergegeben). Ich habe einige andere Tests durchgeführt:

  • Das Entfernen von überlagerten Divs behebt das Problem nicht
  • Das Entfernen des Z-Index behebt das Problem nicht
  • Wifi oder Mobilfunk macht keinen Unterschied
  • Auch die Größe der Videodateien spielt keine Rolle

Mache ich es falsch oder spielt das iPhone Videos einfach nicht automatisch ab und erfordert immer Interaktion? Ich interessiere mich nur für iOS 10, ich weiß, dass die Anforderungen für iOS 9 unterschiedlich waren

43
SeBa

Hilft das Attribut playsinline?

Folgendes habe ich:

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

Den Kommentar zu playsinline finden Sie hier: https://webkit.org/blog/6784/new-video-policies-for-ios/

110
Pete Florence

iOs 10+ ermöglichen die automatische Inline-Wiedergabe von Videos. Sie müssen jedoch "Low Power Mode" auf Ihrem iPhone ausschalten.

30
D Godhani