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では要件が異なっていたことを知っています

ioshtml5videowebkitautoplay
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