「Next.js(React)で再生したい動画がMac(pcなど)では再生されるがiphone(スマホ)では再生されない場合の解決方法:ビデオ自動再生の実装と対処法」HTMLJavaScriptTypeScriptReactNext.js Next.jsで作成したビデオがMacでは再生されるがiOSでは再生されない場合の解決方法 Next.jsで作成したビデオがMacでは再生されるがiOSでは再生されない場合があります。この問題には、以下の解決策があります。 autoPlayとplaysInline属性 videoタグにautoPlayとplaysInline属性を設定することで、iOSでも動画が再生されるようになります。ただし、SafariやChromeなど、iOSのブラウザは自動再生を許可していない場合があります。それでも動画が再生されない場合は、ユーザーアクション後に再生するようにす
![「Next.js(React)で再生したい動画がMac(pcなど)では再生されるがiphone(スマホ)では再生されない場合の解決方法:ビデオ自動再生の実装と対処法」 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/db1eaf06e2d87b612e4fb5157d4a2b0f45bd5426/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JUUzJTgwJThDTmV4dC5qcyUyOFJlYWN0JTI5JUUzJTgxJUE3JUU1JTg2JThEJUU3JTk0JTlGJUUzJTgxJTk3JUUzJTgxJTlGJUUzJTgxJTg0JUU1JThCJTk1JUU3JTk0JUJCJUUzJTgxJThDTWFjJTI4cGMlRTMlODElQUElRTMlODElQTklMjklRTMlODElQTclRTMlODElQUYlRTUlODYlOEQlRTclOTQlOUYlRTMlODElOTUlRTMlODIlOEMlRTMlODIlOEIlRTMlODElOENpcGhvbmUlMjglRTMlODIlQjklRTMlODMlOUUlRTMlODMlOUIlMjklRTMlODElQTclRTMlODElQUYlRTUlODYlOEQlRTclOTQlOUYlRTMlODElOTUlRTMlODIlOEMlRTMlODElQUElRTMlODElODQlRTUlQTAlQjQlRTUlOTAlODglRTMlODElQUUlRTglQTclQTMlRTIlODAlQTYmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtY2xpcD1lbGxpcHNpcyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTc1NmY3YWZmN2VkNjhjNTNhOTBhMGU4OTdmNjFkYjQ0%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTcxNiZ0eHQ9JTQwcmlrdXRvMTI1JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzImdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1mMzE2MzFhMWEzZGM4M2UyOWFhMDQ4ZDdlNTNjOTgwMA%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D185610894ccf88d89ce4164227d702b1)