HTML5 видео на iPad не работает в полноэкранном режиме

Question

Я установил видео HTML5 на своем сайте здесь.

Он отлично работает на любом (протестированном) устройстве, кроме iPad. А именно, кнопка полноэкранного режима не работает, а видео не отображается в полноэкранном режиме.

Любая идея о причине, почему?

Должен ли я использовать webkitbeginfullscreen? Или использовать ontouchstart за клик?

JS:

window.onload = function() {

// Video
var video = document.getElementById("video");

// Buttons
var playButton = document.getElementById("play-pause");
var muteButton = document.getElementById("mute");
var fullScreenButton = document.getElementById("full-screen");

// Sliders
var seekBar = document.getElementById("seek-bar");
var volumeBar = document.getElementById("volume-bar");


[...]

// Event listener for the full-screen button
fullScreenButton.addEventListener("click", function() {
    if (video.requestFullscreen) {
        video.requestFullscreen();
    } else if (video.mozRequestFullScreen) {
        video.mozRequestFullScreen(); // Firefox
    } else if (video.webkitRequestFullscreen) {
        video.webkitRequestFullscreen(); // Chrome and Safari
    }
});


[...]

}