如何在移动设备上制作全屏视频

Question

我正在为客户开发一个网站，其中包含一些视频，您可以在此地址看到它：https://clad.web.epfprojets-sceaux.com/index.php

问题是关于 100% 宽度的视频，而不是第 3 个。

要使视频在笔记本电脑上全屏显示，我使用：

if (elem.requestFullscreen) {
            elem.requestFullscreen();
        } else if (elem.webkitRequestFullscreen) { /* Safari */
            elem.webkitRequestFullscreen();
        } else if (elem.msRequestFullscreen) { /* IE11 */
            elem.msRequestFullscreen();
        }

当我在 google chrome 上使用 iPhone 8 浏览网站时，它似乎不起作用。

有人可以帮我找到如何解决这个问题吗？