iPad上的HTML5视频 - 仅以全屏显示

Question

我正在构建一个只能在iPad上观看的HTML5网络应用。我有一个链接：'点击此处查看视频'，点击该链接后，相应的视频将自动进入iOS的全屏视图。一旦视频关闭，它将显然关闭，您将不再看到该视频的任何内容。

这甚至可能吗？

目前，我最初隐藏了我的视频，然后当我点击我的链接时，视频会出现，但它不是全屏模式。然后（显然）它只是停留在屏幕上。

HTML：

<a href = "javascript:void(0);" class = "rationale-video-icon video1"></a>

<video class="video_player" id="player" width="100%" controls autoplay>
    <source src="videos/1.11-1.39 Diagnosis Investigations and StagingConverted.mp4"/>
    Your browser does not support the HTML5 video tag.  Use a better browser!
</video>

JS：

$('.video1').click(function(){
       $('#player').show().get( 0 ).play();
       var elem = document.getElementById("player");
    if (elem.requestFullscreen) {
       elem.requestFullscreen();
    } else if (elem.mozRequestFullScreen) {
      elem.mozRequestFullScreen();
    } else if (elem.webkitRequestFullscreen) {
      elem.webkitRequestFullscreen();
    }
});

CSS：

#player {
    display: none;
    z-index: 99999;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

任何帮助表示赞赏！欢呼声。