「Html/video/自動再生」の版間の差分
提供: 初心者エンジニアの簡易メモ
(ページの作成:「==自動再生サンプル== <article> <video type="video/webm" src="sample.mov" autoplay muted controls></video> </article> ==自動再生する条件== *muteにす...」) |
(→自動再生サンプル) |
||
| 行1: | 行1: | ||
==自動再生サンプル== | ==自動再生サンプル== | ||
| + | <pre> | ||
<article> | <article> | ||
<video type="video/webm" src="sample.mov" autoplay muted controls></video> | <video type="video/webm" src="sample.mov" autoplay muted controls></video> | ||
</article> | </article> | ||
| + | </pre> | ||
==自動再生する条件== | ==自動再生する条件== | ||
2022年2月14日 (月) 12:14時点における版
自動再生サンプル
<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の場合で、自動再生してしまう場合
プロフィールアイコンを選択し、ゲストモードを選択し開くと、自動再生が規制されるはず。
