请求在 Apple 设备上全屏显示 HTML5 视频

Question

大家好，我有自定义全屏图标，可以在我的视频上触发全屏。一切都很好，只是它不能在苹果设备上运行。你知道如何解决这个问题吗？

$('.fullscreen_btn').click(function() {
    fullscreen=true;
    var mediaElement = document.getElementById('videoAbout');
    if(mediaElement.requestFullScreen) {
        mediaElement.requestFullScreen();
    }
    else if(mediaElement.webkitRequestFullScreen) {
        mediaElement.webkitRequestFullScreen();
    }
    else if(mediaElement.mozRequestFullScreen) {
        mediaElement.mozRequestFullScreen();
    }
    else if(mediaElement.msRequestFullScreen) {
        mediaElement.mozRequestFullScreen();
    }
});

正如我所说 - 上面的代码适用于 Windows/android 设备，但不适用于 Apple 设备。

Answer 1

我解决了我的问题。我所要做的就是：

var mediaElement = document.getElementById('videoAbout');
mediaElement.webkitEnterFullscreen();
mediaElement.enterFullscreen();

这将在 iOS 设备上全屏打开 HTML5 视频。