自定义HTML5视频控件 - FULLSCREEN

Question

我的页面上有一个HTML5视频标签，您可以在此处切换全屏。当我按下全屏按钮时，它没问题。视频正在全屏播放。

我通过以下方式启动全屏：

var mediaElement = document.getElementById('videoAbout');
var iOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
if(iOS) {
    mediaElement.webkitEnterFullscreen();
    mediaElement.enterFullscreen();
}
else {
    if(mediaElement.requestFullScreen) {
        mediaElement.requestFullScreen();
    }
    else if(mediaElement.webkitRequestFullScreen) {
        mediaElement.webkitRequestFullScreen();
    }
    else if(mediaElement.mozRequestFullScreen) {
        mediaElement.mozRequestFullScreen();
    }
    else if(mediaElement.msRequestFullScreen) {
        mediaElement.mozRequestFullScreen();
    } 
}

要从全屏退出，我试图使用：

var mediaElement = document.getElementById('videoAbout');
var iOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
if(iOS) {
    mediaElement.webkitEnterFullscreen();
    mediaElement.enterFullscreen();
}
else {
    if(mediaElement.requestFullScreen) {
        mediaElement.exitFullScreen();
    }
    else if(mediaElement.webkitRequestFullScreen) {
        mediaElement.webkitExitFullScreen();
    }
    else if(mediaElement.mozRequestFullScreen) {
        mediaElement.mozExitFullScreen();
    }
    else if(mediaElement.msRequestFullScreen) {
        mediaElement.mozExitFullScreen();
    } 
}

与CancelFullScreen()相同，我试图将此添加到else，如果语句一切都不起作用。控制台说该功能不存在（CancelFullScreen或ExitFullScreen）。

所以这是我的问题，如何退出全屏HTML5视频？我不想使用插件。