facebook twitter hatena line email

Html/video/自動再生

提供: 初心者エンジニアの簡易メモ
2022年2月14日 (月) 12:14時点におけるAdmin (トーク | 投稿記録)による版 (ページの作成:「==自動再生サンプル== <article> <video type="video/webm" src="sample.mov" autoplay muted controls></video> </article> ==自動再生する条件== *muteにす...」)

(差分) ←前の版 | 最新版 (差分) | 次の版→ (差分)
移動: 案内検索

自動再生サンプル

<article>

 <video type="video/webm" src="sample.mov" autoplay muted controls></video>

</article>

自動再生する条件

  • muteにする
  • クリックなどユーザが何かしらのアクションをする

自動再生エラーメッセージ(chromeの場合)

Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first. https://goo.gl/xX8pDD

=音声ありなのに、chromeの場合で、自動再生してしまう場合

プロフィールアイコンを選択し、ゲストモードを選択し開くと、自動再生が規制されるはず。

参考:https://qiita.com/ktknest/items/e81b3a4caac540098fc8#:~:text=%E3%81%A3%E3%81%A6%E3%81%84%E3%82%8B%E6%A7%98%E5%AD%90...-,Chrome,-Chrome%E3%81%AE%E5%A0%B4%E5%90%88