IE11上的全屏html5播放器无法正常工作

Question

全屏按钮在Chrome和Mozilla中工作正常，但是当涉及到IE11时，全屏按钮无效。他们有什么方法可以得到这个吗？

function fscreen(){
    if (vid.requestFullscreen) {
        vid.requestFullscreen();
        //vid.controls = true;
    } else if (vid.mozRequestFullScreen) {
        vid.mozRequestFullScreen();
        //vid.controls = true;
    } else if (vid.webkitRequestFullscreen) {
        vid.webkitRequestFullscreen();
        //vid.controls = true;
    }
}

Answer 1

在IE11 requestFullscreen方法中也有前缀。所以你需要像这样修改你的功能：

function fscreen(){
    if (vid.requestFullscreen) {
        vid.requestFullscreen();
        //vid.controls = true;
    } else if (vid.mozRequestFullScreen) {
        vid.mozRequestFullScreen();
        //vid.controls = true;
    } else if (vid.webkitRequestFullscreen) {
        vid.webkitRequestFullscreen();
        //vid.controls = true;
    } else if(vid.msRequestFullscreen) {
        vid.msRequestFullscreen();
        //vid.controls = true;
    }
}