目次
環境
動画mp4ファイルの自動再生
なかなか動いてくれなくてハマったので。
- mp4は「プログレッシブ」方式でエンコードされている
- video要素には、muted 属性と、autoplay 属性をつけてある
- video要素には、playsinline 属性を付けてある。
- Chromeの開発者ツールでモバイルエミュレートするときちんと自動再生される
- iPhone実機だと、SafariでもChromeでも自動再生されず、動画の真ん中に三角の再生ボタンが表示されてしまう
上記に当てはまる人は、これを疑いましょう。
- iPhoneが省電力モードになっている。
省電力モードになっていると、動画を自動再生しないのだ、iPhoneは!
これに気づくまでに半日かかってしまいました。