Chromeで動画が再生されない時の対処法

HTML&CSS

こんにちはtakosanです。

Chromeにvideoタグで動画を埋め込んだ際に、こんな風に困ったことはありませんか?

videoタグで動画を埋め込んだのに再生されない!

今回はそんな時の対処法を紹介します。

Chromeで動画が再生されないことがある

Chromeのバージョン66からは音声付きの動画は自動再生されないようになっています。

もしあなたのChromeがそのバージョン66以降であれば

videoタグのsrcに動画を入れただけでは再生されない可能性があります。

Chromeのバージョンを確認する

Chromeの現在のバージョンを確認する場合は、

Chromeのバージョン確認。ヘルプからChromeについて。

Chromeの右上にある縦三点リーダーを押して

「ヘルプ」→「Google Chromeについて」

と進むとChromeのバージョンが確認できます。

動画が再生されない場合の対処法

videoタグの中にmuted属性を追加してください。

HTMLのコードは下記のようになります。

<video id="player" width="100%" height="800px" preload="none" autoplay loop muted >
<source src="video.mp4" type="video/mp4"/>
</video>

参考になれば幸いです。

タイトルとURLをコピーしました