Qt webengineview Web page requestfullscreen invalid

cxtan · wrote on 29 Sept 2022, 09:41

The Qt webengineview module will fail to request full screen pages in the following operations

Click the input tab to select the file
Through element.RequestFullscreen requests full screen operation, which will fai

<html>
<head>
    <script>
        //fullscreen
        function requestFullScreen(element) {
            if (element.requestFullscreen) {
                element.requestFullscreen()
            } else if (element.mozRequestFullScreen) {
                element.mozRequestFullScreen()
            } else if (element.msRequestFullscreen) {
                element.msRequestFullscreen()
            } else if (element.webkitRequestFullscreen) {
                element.webkitRequestFullScreen()
            }
        }

        //is fullscreen
        function IsFull() {
            var fullscreenElement =
                document.fullscreenElement
                || document.mozFullscreenElement
                || document.webkitFullscreenElement;
            var fullscreenEnabled =
                document.fullscreenEnabled
                || document.mozFullscreenEnabled
                || document.webkitFullscreenEnabled;
            if (fullscreenElement == null) {
                return false;
            } else {
                return true;
            }
        }

        //exit fullscreen
        function exitFull() {
            if (document.exitFullscreen) {
                document.exitFullscreen()
            } else if (document.msExitFullscreen) {
                document.msExitFullscreen()
            } else if (document.mozCancelFullScreen) {
                document.mozCancelFullScreen()
            } else if (document.webkitExitFullscreen) {
                document.webkitExitFullscreen()
            }
        }

        function clickFull(element){
            if(IsFull()){
                exitFull()
            }else{
                requestFullScreen(element)
            }
        }
    </script>
</head>
<body>
    <input type="file"/>
    <div style="width: 300px;height: 300px; background-color:black;" onclick="clickFull(this)"></div>
</body>
</html>

steno · wrote on 3 Oct 2022, 16:25

Did you take a look at this example videoplayer? It appears the widget has to listen to the QWebEnginePage::fullScreenRequested signal.