facebook twitter hatena line email

「Html/video/自動再生」の版間の差分

提供: 初心者エンジニアの簡易メモ
移動: 案内検索
(音声ありなのに、chromeの場合で、自動再生してしまう場合)
(音声ありなのに、chromeの場合で、自動再生してしまう場合)
 
(同じ利用者による、間の1版が非表示)
行20: 行20:
  
 
参考:https://qiita.com/ktknest/items/e81b3a4caac540098fc8#:~:text=Chrome,-Chrome%E3%81%AE%E5%A0%B4%E5%90%88
 
参考:https://qiita.com/ktknest/items/e81b3a4caac540098fc8#:~:text=Chrome,-Chrome%E3%81%AE%E5%A0%B4%E5%90%88
 +
 +
参考:https://support.google.com/chrome/answer/6130773?hl=ja&co=GENIE.Platform%3DDesktop

2022年2月14日 (月) 13:23時点における最新版

自動再生サンプル

<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=Chrome,-Chrome%E3%81%AE%E5%A0%B4%E5%90%88

参考:https://support.google.com/chrome/answer/6130773?hl=ja&co=GENIE.Platform%3DDesktop