「Html/video/自動再生」の版間の差分
提供: 初心者エンジニアの簡易メモ
(→音声ありなのに、chromeの場合で、自動再生してしまう場合) |
|||
| (同じ利用者による、間の2版が非表示) | |||
| 行19: | 行19: | ||
プロフィールアイコンを選択し、ゲストモードを選択し開くと、自動再生が規制されるはず。 | プロフィールアイコンを選択し、ゲストモードを選択し開くと、自動再生が規制されるはず。 | ||
| − | 参考：https://qiita.com/ktknest/items/e81b3a4caac540098fc8#:~:text= | + | 参考：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://support.google.com/chrome/answer/6130773?hl=ja&co=GENIE.Platform%3DDesktop
