私はHTML5ビデオをWebおよびモバイルのバックグラウンドビデオとして実装する方法を検討してきました。以下は次のコードです。自動起動ではなく表示されます。これが問題です
<video width="100%" controls autoplay>
<source src="video/342125205.mp4" type="video/mp4">
<source src="video/342125205.ogg" type="video/ogg">
</video>
Chromeバージョンに応じて、ビデオ自動再生ルールの新しい実装を取得できます。
から取得: 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>
私のビデオがクロムで再生されないという同じ問題に直面しました。実際には再生されますが、自動再生ではありません。そのため、ビデオタグにいくつかの変更を加えています。コントロールを配置するだけです。これが役立つことを願って同じことをしてください。
<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>