element.RequestFullScreen () & element.msRequestFullScreen () не отображается для IE и Microsoft Edge

Question

Справочная информация:

Каждое уменьшенное изображение видео при нажатии будет воспроизводить видео в полноэкранном режиме, совместимом с кросс-браузерами

Что сделано:

Создан следующий исходный код, прикрепленный ниже

Проблема:

Видео может воспроизводиться в полноэкранном режиме для Chrome, однако видео не может воспроизводиться как для IE, так и для Microsoft Edge

См. Исходный код ниже:

$("#MainVideo").data("number", Video);
console.log($("#MainVideo").data("number")); 
var element = document.getElementById("MainVideo");       
if (element.mozRequestFullScreen) {
    element.mozRequestFullScreen();
} else if (element.webkitRequestFullScreen) {
    element.webkitRequestFullScreen();
}else if (element.msRequestFullScreen) {
    element.msRequestFullScreen();
}  else if (element.RequestFullScreen) {
    element.RequestFullScreen();
}    


//This shouldnt affect
$('#MainVideo').bind('webkitfullscreenchange mozfullscreenchange fullscreenchange', function(e) {

var state = document.fullScreen || document.mozFullScreen || document.webkitIsFullScreen;
var event = state ? 'FullscreenOn' : 'FullscreenOff';
if (event == 'FullscreenOn') {

}
else if (event == 'FullscreenOff') { 

    console.log($("#MainVideo").attr("src"));

    var playVideo =  videoNameArray[VideoPlaying -1];   
    console.log("playVideo:" + playVideo);
    var mainvideo = document.getElementById("MainVideo");
    mainvideo.pause();
    mainvideo.currentTime = 0;
    mainvideo.src= "";
}
});

Может быть, там не поддерживается версия браузера?или мне не хватает кодов, позволяющих воспроизводить видео на IE и Edge?

Answer 1

Ошибки заглавных букв

   else if (element.msRequestFullScreen) {
        element.msRequestFullScreen();
    }

должны быть

else if (element.msRequestFullscreen) {
    element.msRequestFullscreen();
}

, а

else if (element.RequestFullScreen) {
    element.RequestFullScreen();
} 

должны быть

else if (element.requestFullscreen) {
    element.requestFullscreen();
}