SafariとChromeでvideoタグでビデオを自動再生できない
パソコンスクールのオンラインレッスンにてHTML/CSSのレッスンを受講している者です。
主に映像を見ながら操作するのですが、AdobeのDreamweavierにてコーディングしましたが、videoタグで動画が自動再生されず、困ってます。
Safariだけでなく、chromeでも自動再生されません。
行った記述は以下の通りです。
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>無題ドキュメント</title>
</head>
<body>
<video src="images/bike.mp4" autoplay loop muted>
<p>このブラウザではビデオを再生できません</p>
</video>
</body>
</html>
SafariでもChromeでも動画を新規タブで開くと再生出来ます。
動画を巻き戻してコーディングを確認しましたが、コードは間違ってませんでした。
MacBook Pro 16″