web-dev-qa-db-ja.com

iPhoneでのHTML5ビデオの自動再生

何か奇妙な問題があります。ループされた背景ビデオでウェブサイトを作成しようとしています。コードは次のようになります。

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

これはほとんどのブラウザで問題なく動作しますが(IEはこのオブジェクトに適合しますが、気にしません)、iPhoneではビデオは自動再生されませんが、iPadでは動作します。私はすでに iOSの新しいポリシー を読んでおり、要件を満たしていると思います(そうでなければ、iPadは自動再生しません)。私は他のいくつかのテストを行いました:

  • オーバーレイするdivを削除しても修正されません
  • Z-Indexを削除しても修正されません
  • WifiまたはCellularは違いをもたらさない
  • ビデオのファイルサイズも違いはありません

私はそれを間違っていますか、iPhoneは単にビデオを自動再生せず、常に対話が必要ですか?私はiOS 10のみを気にしています、iOS 9では要件が異なっていたことを知っています

43
SeBa

playsinline属性は役立ちますか?

ここに私が持っているものがあります:

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

playsinlineのコメントを参照してください: https://webkit.org/blog/6784/new-video-policies-for-ios/

110
Pete Florence

iO 10以降では、ビデオの自動再生をインラインで実行できます。ただし、iPhoneの「低電力モード」をオフにする必要があります。

30
D Godhani