ScreenPlay/ScreenPlayWindow/main.qml

import QtQuick 2.9
import QtWebEngine 1.7

Rectangle {
    id: root
    anchors.fill: parent

    Connections {
        target: mainwindow

        onQmlExit: {

            webView.runJavaScript(
                        "var videoPlayer = document.getElementById('videoPlayer'); videoPlayer.volume = 0;")
            mainwindow.destroyThis()
        }

        onFillModeChanged: {

            //TODO
        }

        onQmlSceneValueReceived: {
            var obj2 = 'import QtQuick 2.9; Item {Component.onCompleted: loader.item.'
                    + key + ' = ' + value + '; }'
            var newObject = Qt.createQmlObject(obj2.toString(), root, "err")
            newObject.destroy(10000)
        }

        onLoopsChanged: {
            if (webView.loadProgress === 100) {
                webView.runJavaScript(
                            "var videoPlayer = document.getElementById('videoPlayer'); videoPlayer.loop = " + loops + ";")
            }
        }

        onVolumeChanged: {
            if (webView.loadProgress === 100) {
                webView.runJavaScript(
                            "var videoPlayer = document.getElementById('videoPlayer'); videoPlayer.volume = " + volume + ";")
            }
        }

        onPlaybackRateChanged: {
            if (webView.loadProgress === 100) {
                webView.runJavaScript(
                            "var videoPlayer = document.getElementById('videoPlayer'); videoPlayer.playbackRate  = " + playbackRate + ";")
            }
        }

        onIsPlayingChanged: {
            if (webView.loadProgress === 100) {
                if (isPlaying === "false") {
                    webView.runJavaScript(
                                "var videoPlayer = document.getElementById('videoPlayer'); videoPlayer.play();")
                } else {
                    webView.runJavaScript(
                                "var videoPlayer = document.getElementById('videoPlayer'); videoPlayer.pause();")
                }
            }
        }
    }

    Component.onCompleted: {
        if (mainwindow.type === "qmlScene") {
            loader.setSource(Qt.resolvedUrl(
                                 "file:///" + mainwindow.fullContentPath))
            mainwindow.init()
            timer.start()
        } else if (mainwindow.type === "video") {
            webView.visible = true
            webView.url = Qt.resolvedUrl(
                        "file:///" + mainwindow.getApplicationPath(
                            ) + "/index.html")
        } else if (mainwindow.type === "html") {
            webView.visible = true
            webView.url = Qt.resolvedUrl(
                        "file:///" + mainwindow.fullContentPath)
            mainwindow.init()
            timer.start()
        }
    }

    WebEngineView {
        id: webView
        anchors.fill: parent
        visible: false

        onLoadProgressChanged: {
            if (loadProgress === 100) {
                runJavaScript(("
var videoPlayer = document.getElementById('videoPlayer');
var videoSource = document.getElementById('videoSource');
videoSource.src = \"file:///" + mainwindow.fullContentPath + "\";
videoPlayer.load();
videoPlayer.volume = " + mainwindow.volume + ";"), function (result) {
    mainwindow.init()
    timer.start()
})
            }
        }
        onJavaScriptConsoleMessage: print(message)
        settings.allowRunningInsecureContent: true
    }

    Loader {
        id: loader
        anchors.fill: parent
        onStatusChanged: {
            print(webViewWrapper.errorString())
        }
    }

    Timer {
        id: timer
        interval: 200
        onTriggered: {
            anim.start()
        }
    }

    Rectangle {
        id: curtain
        anchors.fill: parent
        color: "black"

        PropertyAnimation {
            id: anim
            property: "opacity"
            target: curtain
            from: "1"
            to: "0"
            duration: 300
        }
    }
}