Javascript 什么'；在iOS网络浏览器上以全屏模式连续显示一组图像和视频的最佳方法是什么？

我有一个web应用程序，我用它全屏显示html5视频，这个功能在不同的平台和浏览器上运行得很顺利

然而，有一个新的要求，我需要在全屏模式下以特定的顺序显示图像和视频，就像播放列表和幻灯片一样

我通过使一个div全屏显示并在该div内交替显示和隐藏视频和图像来实现此功能。除了iOS，它在所有平台上都可以正常工作，因为iOS不允许该div全屏显示（但它允许视频播放器全屏显示，但在这种情况下图像不会显示）。现在，解决这个问题最好的方法是什么？我是否需要为iOS设备编写自定义js和css以占据浏览器的整个可见区域，或者有更好的解决方案

任何帮助都将不胜感激。谢谢