HTML5ビデオ、自動再生のないデバイス用の別のポスター画像

Question

• ビデオは背景ビデオとして使用されています。

• ポスター画像はビデオの最初のフレームである必要がありますので、 ビデオがロードされているときはジャンプはありません。

• ビデオの自動再生が無効になっている特定のデバイス（特にiOS）では、表示する別のイメージを選択できますか？

概要：自動再生が無効になっている場合 は、私は別のポスターの画像を表示することができますか？

ありがとうございます。

---

注：私はメディアクエリと/ショー物事を非表示にすることができます承知しているが、これはiPadのプロの周りの同類とあまりうまく機能しません。

可能であれば、私はさまざまなデバイスを検出する必要のないソリューションをご希望です。

Answer 1

私はあなたのやり方の詳細は分かりませんが、私の頭の上から離れて、事前にある場所で検出スクリプトを実行することをお勧めします。自動再生を使用して「ダミー」の動画（データURIに1x1pxの空の動画など）を使用して、自動再生をオンにしてから、レンダリング直後に再生しているかどうかを確認します。その後、それが再生かどうかによってフラグを立てます。