web-dev-qa-db-ja.com

HTML5ビデオの自動再生が機能しない

私はHTML5ビデオをWebおよびモバイルのバックグラウンドビデオとして実装する方法を検討してきました。以下は次のコードです。自動起動ではなく表示されます。これが問題です

<video width="100%" controls autoplay>
  <source src="video/342125205.mp4" type="video/mp4">
  <source src="video/342125205.ogg" type="video/ogg">
</video>
8
Manoj Singh

Chromeバージョンに応じて、ビデオ自動再生ルールの新しい実装を取得できます。

  • ミュートされた自動再生は常に許可されます。
  • 次の場合、音声付きの自動再生が許可されます。
    • ユーザーがドメインと対話しました(クリック、タップなど)。
    • デスクトップでは、ユーザーのMedia Engagement Indexのしきい値を超えました。これは、ユーザーが以前に音声付きのビデオを再生したことを意味します。
    • モバイルでは、ユーザーが自分のホーム画面にサイトを追加しました。トップフレームは、iframeに自動再生許可を委任して、音声付きの自動再生を許可できます。

から取得: https://developers.google.com/web/updates/2017/09/autoplay-policy-changes

だからあなたはそれをミュートして試すことができます:

<video width="100%" controls autoplay muted>
  <source src="video/342125205.mp4" type="video/mp4">
  <source src="video/342125205.ogg" type="video/ogg">
</video>
27
August

私のビデオがクロムで再生されないという同じ問題に直面しました。実際には再生されますが、自動再生ではありません。そのため、ビデオタグにいくつかの変更を加えています。コントロールを配置するだけです。これが役立つことを願って同じことをしてください。

<video autoplay muted loop poster="images/video-bg.jpg">
    <source src="videos/join-now.mp4" type="video/mp4">
    <source src="videos/join-now.ogg" type="video/ogg">
    Your browser does not support the video tag.
</video>