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

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

这可能吗

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

HTML:

CSS:

感谢您的帮助！干杯

<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>

$('.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();
    }
});

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