chrome videoタグのautoplayが効かない

• 作成日 2022.06.03
• html
• html

chromeで、videoタグのautoplayが効かない場合の対処法を記述してます。

目次

• 1. 環境
• 2. autoplayが効かない
• 3. 原因
• 4. 対処法

環境

• OS windows11 home
• ブラウザ chrome 102.0.5005.63

autoplayが効かない

以下のコードで発生

<video id="video" width="700" height="400" autoplay>
    <source src="sample.mp4">
</video>

実行結果

原因

音声がある動画の自動再生がブラウザで制限されているため
※firefox100では動きます。

対処法

「muted」を使用すると、自動再生されます。

<video id="video" width="700" height="400" autoplay muted>
    <source src="sample.mp4">
</video>

実行結果

• 前の記事
  

  MySQL コマンドでサーバーが起動しているかを確認する 2022.06.03

• 次の記事
  

  Vue.js v-model時に前後にある空白を除去する 2022.06.03