この問題を解決するのに非常に多くの時間を費やした後、私は愚かな気分ですが、他の誰かが同じような問題を抱えている場合に備えて、回答を投稿したいと思いました。
この問題は React のレンダリング プロセスに関連しています。 <Modal/>
は、メディア クエリが更新されるたびに再レンダリングされます。これは、モバイル デバイスで方向が変わるときに発生します。そのため、方向が変更されたときにモーダルが再レンダリングされると、ビデオが閉じます。なぜメディア クエリによって再レンダリングが発生するのかわかりません (おそらく ChakraUI フックの設定と関係があると思われます)。誰かがこの問題を抱えている場合は、詳しく説明できるかもしれません。ただし、ステータスに切り替えることで問題は解決しました。
解決策は簡単です:
リーリー