ss_new_ui_skin_and_page/ss/js/fullScreen.js

// 定义数组，存放zoom原始的变量
var arr = {};
domFullScreen = function(element) {
    console.log(element);
    var zooms = $("#mainDiv .pf").css("zoom");
    arr.pdfZoom = zooms;
    var marioVideo = element;
    var fullscreenchange = function() {
        if (document.webkitFullscreenElement != null) {
            var wTopBody = window.top.document.body;
            console.log("width"+wTopBody.clientWidth);
            console.log("height"+wTopBody.clientHeight);
            element.style.overflowY = "auto";
            element.style.overflowX = "hidden";
            element.style.width = wTopBody.clientWidth;
            element.style.height = "100%";

            element.style.backgroundColor = "white";
            console.log("进入全屏函数");
            if(element.style.zoom&&element.style.zoom<1){
                arr.zoom = element.style.zoom;
                element.style.zoom = 1;
            }else{
            	arr.zoom = "";                                              
            }
            element.setAttribute("isCmsFullScreen", 'true');

            $(element).append(
                '<div id="pageClose" class=" dhtmlx_skin_dhx_skyblue"><div class="dhtmlx_window_active"><div class="button-restore icon-restore" style="position: fixed;right: 10px;top: 10px;height:22px;width:22px;" onclick="wd.display.exitFullScreen()" ></div></div></div>'
            );
            //2019.03.22增加控制pdf格式的文件显示大小
            $("#mainDiv .pf").css("zoom","1");

        } else {
            console.log("退出全屏函数");
            $('#pageClose').remove();
            element.setAttribute("isCmsFullScreen", 'false');
            //2019.03.22增加控制pdf格式的文件显示大小
            $("#mainDiv .pf").css("zoom",arr.pdfZoom);
            if(arr.zoom){
                element.style.zoom = arr.zoom;
            }
            // 2019.03.22增加下面三行
            element.style.backgroundColor = "transparent";
            element.style.overflowY = "visible";
            element.style.overflowX = "visible";

            element.style.height = '600px';
            //2019.03.21将原有的width='440px',改为现在的420px
            element.style.width = '420px';

            
            //回调退出全屏方法
            var playlist = element.querySelectorAll("[data-init]");
            for (var i = 0; i < playlist.length; i++) {
                dataList = playlist[i].dataList;
                for (var j = 0; dataList&&j<dataList.length; j++) {
                    var data = dataList[j];
                    if (data.exitFunction) {
                        data.exitFunction.call(this, data);
                    }
                }
                delete playlist[i].dataList;
            }
            //添加监听器，监听用户进入全屏和退出全屏操作
            marioVideo.removeEventListener("webkitfullscreenchange", fullscreenchange);
            marioVideo.removeEventListener("fullscreenchange", fullscreenchange);
            marioVideo.removeEventListener("mozfullscreenchange", fullscreenchange);
            marioVideo.removeEventListener("msfullscreenchange", fullscreenchange);
        }
    }
    var elem = marioVideo;
    marioVideo.addEventListener("webkitfullscreenchange", fullscreenchange);
    marioVideo.addEventListener("fullscreenchange", fullscreenchange);
    marioVideo.addEventListener("mozfullscreenchange", fullscreenchange);
    marioVideo.addEventListener("msfullscreenchange", fullscreenchange);
    if (marioVideo.requestFullscreen) {
        marioVideo.requestFullscreen(elem);
    } else if (marioVideo.msRequestFullscreen) {
        marioVideo.msRequestFullscreen(elem);
    } else if (marioVideo.mozRequestFullScreen) {
        marioVideo.mozRequestFullScreen(elem);
    } else if (marioVideo.webkitRequestFullScreen) {
        marioVideo.webkitRequestFullScreen(elem);
    } 
}