Could a website force the browser to go into fullscreen mode?

前端 未结 8 2024
情话喂你
情话喂你 2020-12-02 17:48

I want to run a psychological study for which participants have to look at large images.

The experiment is done on the web and therefore in a browser window. Is it p

8条回答
  •  南笙
    南笙 (楼主)
    2020-12-02 18:12

    I have found some code after searching.

    function fullscreen() {
        var element = document.getElementById("content");
        if (element.requestFullScreen) {
            if (!document.fullScreen) {
                element.requestFullscreen();
                $(".fullscreen").attr('src',"img/icons/panel_resize_actual.png");
            } else {
                document.exitFullScreen();
                $(".fullscreen").attr('src',"img/icons/panel_resize.png");
            }
    
        } else if (element.mozRequestFullScreen) {
    
            if (!document.mozFullScreen) {
                element.mozRequestFullScreen();
                $(".fullscreen").attr('src',"img/icons/panel_resize_actual.png");
                google.maps.event.trigger(map, 'resize');
            } else {
                document.mozCancelFullScreen();
                $(".fullscreen").attr('src',"img/icons/panel_resize.png");
            }
    
        } else if (element.webkitRequestFullScreen) {
    
            if (!document.webkitIsFullScreen) {
                element.webkitRequestFullScreen();
                $(".fullscreen").attr('src',"img/icons/panel_resize_actual.png");
                google.maps.event.trigger(map, 'resize');
            } else {
                document.webkitCancelFullScreen();
                $(".fullscreen").attr('src',"img/icons/panel_resize.png");
            } 
        } 
    }
    

    It will use html5 api. I switch with jquery the a special picture for it. Hope that will help out. At the moment, i don't know if you can force it, 'cause it was forbitten due security.

提交回复
热议问题