IE11上的全屏html5播放器不工作

Full screen html5 player on IE11 not working

本文关键字:播放器 工作 html5 IE11      更新时间:2023-09-26

全屏按钮在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;
    }
}

在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;
    }
}