{"id":1018,"date":"2025-01-23T13:38:00","date_gmt":"2025-01-23T13:38:00","guid":{"rendered":"https:\/\/gcu-stage.ump.studio\/?page_id=1018"},"modified":"2025-01-23T13:38:00","modified_gmt":"2025-01-23T13:38:00","slug":"test-1","status":"publish","type":"page","link":"https:\/\/decisionsunderfire.com\/uk\/test-1\/","title":{"rendered":"Test 1"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1018\" class=\"elementor elementor-1018\">\n\t\t\t\t<div class=\"elementor-element elementor-element-321afef e-con-full e-flex e-con e-parent\" data-id=\"321afef\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e7c5500 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"e7c5500\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div style=\"width: 100%; height: 100%\">\r\n    <div style=\"height: 100%; position: relative;\">\r\n        <div class=\"video-player-container\" style=\"width: 100%; height: 100%; top: 0; left: 0; position: absolute;\">\r\n<!--            Video Containers-->\r\n            <div id=\"video-player-frames-container\" style=\"display: flex; flex-wrap: wrap; flex-direction: row;\">\r\n            <\/div>\r\n<!--            Player Controls-->\r\n            <div style=\"opacity: 1;\">\r\n                <div id=\"custom-player-controls\"\r\n                     style=\"position: absolute; top: 0; z-index: 10; align-content: center; width: 100%; height: 100%\">\r\n\r\n                    <div id=\"video-start-div\" style=\"display: none; width: 100%; height: 100% \">\r\n                        <div style=\"width: 100%; height: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center;\">\r\n                            <p class=\"button-59\" id=\"video-start-button\">\r\n                                \u0420\u043e\u0437\u043f\u043e\u0447\u0430\u0442\u0438 \u043c\u0456\u0441\u0456\u044e\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"button-59\" id=\"go-home-div\" style=\"display: none; width: 100%; height: 100%;\">\r\n                        <div style=\"width: 100%; height: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center;\">\r\n                            <a href=\"\/uk\/\" class=\"button-59\" style=\" background-color: rgba(255,255,255,0.5);\" onmouseover=\"this.style.background='rgba(128,128,128,0.5)';\"\r\n                               onmouseout=\"this.style.background='rgba(128,128,128,0.5)';\">\u041f\u043e\u0432\u0435\u0440\u043d\u0443\u0442\u0438\u0441\u044f \u043d\u0430 \u0433\u043e\u043b\u043e\u0432\u043d\u0443 \u0441\u0442\u043e\u0440\u0456\u043d\u043a\u0443<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div id=\"restart-div\" style=\"display: none; width: 100%; height: 100%;\">\r\n                        <div style=\"width: 100%; height: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center;\">\r\n                            <button onclick=\"window.location.reload();\" style=\"cursor: pointer; font-size: 40px; background-color: rgba(255,255,255,0.5);\" onmouseover=\"this.style.background='rgba(128,128,128,0.5)';\"\r\n                               onmouseout=\"this.style.background='rgba(255,255,255,0.5)';\">\u041f\u0435\u0440\u0435\u0437\u0430\u043f\u0443\u0441\u043a<\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div id=\"option-control\" class=\"option-control\" style=\"display: none;  width: 100%; height: 100% \">\r\n                        <div style=\"width: 100%; height: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center;\">\r\n                            \r\n                            <p id=\"video-option-1\"  class=\"button-58\"                           \r\n                               style=\"width:100%; height:100%; align-content: center; text-align:center; background-color: rgba(5, 30, 27, 0.8); \"\r\n                               onmouseover=\"this.style.background='rgba(47, 79, 79, 0.60)';\"\r\n                               onmouseout=\"this.style.background='rgba(5, 30, 27, 0.8)';\">\r\n                                \u0412\u0430\u0440\u0456\u0430\u043d\u0442 1\r\n                            <\/p>\r\n                            \r\n                            <p id=\"video-option-2\" class=\"button-58\"\r\n                               style=\"width:100%; height:100%; align-content: center; text-align:center; background-color: rgba(5, 30, 27, 0.8); \"\r\n                               onmouseover=\"this.style.background='rgba(47, 79, 79, 0.60)';\"\r\n                               onmouseout=\"this.style.background='rgba(5, 30, 27, 0.8)';\">\r\n                                \u0412\u0430\u0440\u0456\u0430\u043d\u0442 2\r\n                            <\/p>\r\n                            \r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n<!--                <div class=\"absolute left-0 top-0 grid h-full w-full grid-cols-2 items-center \">-->\r\n<!--                    <div class=\"flex h-full w-full items-center justify-center p-20 max-lg:portrait:px-0\"><\/div>-->\r\n<!--                    <div class=\"flex h-full w-full items-center justify-center\"><\/div>-->\r\n<!--                <\/div>-->\r\n                <div style=\"position: absolute; bottom: 1.25rem; left: 1.25rem; height: 2.5rem; padding-left: 1.25rem; padding-right: 1.25rem;\">\r\n                    <div style=\"width: 100%; background-color: rgba(47, 79, 79, 0.8); height: 100%; border: 2px solid #d6dda6; inset: 0; position: absolute;\"><\/div>\r\n                    <div style=\"opacity: .8; background-color: rgba(47, 79, 79, 0.8); width: 100%; height: 100%; inset: 0; position: absolute;\"><\/div>\r\n                    <div style=\"padding-top: .7rem; padding-bottom: .5rem; column-gap: 1rem; display: flex; z-index: 1; position: relative;\">\r\n                        <button id=\"play-button\" style=\"padding: 0; border: 0; background: none; cursor: pointer;\">\r\n                            <svg width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" fill=\"none\"\r\n                                 xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <g id=\"Property 1=Variant3\">\r\n                                    <path id=\"Vector\" d=\"M5.5 11L10 8L5.5 5V11Z\" fill=\"white\" stroke=\"white\"\r\n                                          stroke-width=\"2\" stroke-linecap=\"round\"><\/path>\r\n                                <\/g>\r\n                            <\/svg>\r\n                        <\/button>\r\n                        <div style=\"display: flex; column-gap: .5rem;\">\r\n                            <button id=\"reverse-30\" style=\"padding: 0; border: 0; background: none; cursor: pointer;\">\r\n                                <svg width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" fill=\"none\"\r\n                                     xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                    <g id=\"Pause\" opacity=\"0.9\">\r\n                                        <path id=\"Vector\" d=\"M6.5 11L2 8L6.5 5V11Z\" fill=\"white\" stroke=\"white\"\r\n                                              stroke-width=\"2\" stroke-linecap=\"round\"><\/path>\r\n                                        <path id=\"Vector_2\" d=\"M13.5 11L9 8L13.5 5V11Z\" fill=\"white\" stroke=\"white\"\r\n                                              stroke-width=\"2\" stroke-linecap=\"round\"><\/path>\r\n                                    <\/g>\r\n                                <\/svg>\r\n                            <\/button>\r\n                            <p style=\"margin: 0; font-size: 12px; color: #d6dda6; font-weight: 700;\">30<\/p>\r\n                            <button id=\"forward-30\" style=\"padding: 0; border: 0; background: none; cursor: pointer;\">\r\n                                <svg width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" fill=\"none\"\r\n                                     xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                    <g id=\"Pause\" opacity=\"0.9\">\r\n                                        <path id=\"Vector\" d=\"M9 11L13.5 8L9 5V11Z\" fill=\"white\" stroke=\"white\"\r\n                                              stroke-width=\"2\" stroke-linecap=\"round\"><\/path>\r\n                                        <path id=\"Vector_2\" d=\"M2 11L6.5 8L2 5V11Z\" fill=\"white\" stroke=\"white\"\r\n                                              stroke-width=\"2\" stroke-linecap=\"round\"><\/path>\r\n                                    <\/g>\r\n                                <\/svg>\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div style=\"padding-left: 1.25rem; padding-right: 1.25rem; height: 2.5rem; right: 1.25rem; bottom: 1.25rem; position: absolute;\">\r\n                    <div style=\"opacity: .8; background-color: rgba(47, 79, 79, 0.8); width: 100%; inset: 0; border: 2px solid #d6dda6; position: absolute;\"><\/div>\r\n                    <div style=\"opacity: .8; background-color: rgba(47, 79, 79, 0.8); width: 100%; height: 100%; inset: 0; position: absolute;\"><\/div>\r\n                    <div style=\"column-gap: 1rem; height: 100%; display: flex; z-index: 1; position: relative;\">\r\n                        <button id=\"enter-fullscreen\" style=\"padding: 0; border: 0; background: none; cursor: pointer;\">\r\n                            <svg width=\"16\" height=\"16\" viewbox=\"0 0 16 12\" fill=\"none\"\r\n                                 xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <g id=\"FrameCorners\" clip-path=\"url(#clip0_310_5543)\">\r\n                                    <path id=\"Vector\" d=\"M11 5H13V7\" stroke=\"white\" stroke-width=\"1.2\"\r\n                                          stroke-linecap=\"square\"><\/path>\r\n                                    <path id=\"Vector_2\" d=\"M5 11H3V9\" stroke=\"white\" stroke-width=\"1.2\"\r\n                                          stroke-linecap=\"square\"><\/path>\r\n                                    <rect id=\"Rectangle 7\" x=\"1\" y=\"3\" width=\"14\" height=\"10\" stroke=\"white\"\r\n                                          stroke-width=\"1.2\"><\/rect>\r\n                                <\/g>\r\n                                <defs>\r\n                                    <clippath id=\"clip0_310_5543\">\r\n                                        <rect width=\"16\" height=\"16\" fill=\"white\"><\/rect>\r\n                                    <\/clippath>\r\n                                <\/defs>\r\n                            <\/svg>\r\n<!--                            <div class=\"absolute bottom-15 right-0  opacity-0 transition-opacity group-hover:opacity-100\">-->\r\n<!--                                <p class=\"whitespace-nowrap text-3point5 font-bold uppercase\">Fullscreen<\/p><\/div>-->\r\n                        <\/button>\r\n<!--                        <button style=\"padding: 0; border: 0; background: none; cursor: pointer;\">-->\r\n<!--                            <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"-->\r\n<!--                                 xmlns=\"http:\/\/www.w3.org\/2000\/svg\">-->\r\n<!--                                <g id=\"Subtitles\" opacity=\"0.4\">-->\r\n<!--                                    <rect id=\"Rectangle\" x=\"1\" y=\"3\" width=\"14\" height=\"10\" fill=\"white\"><\/rect>-->\r\n<!--                                    <path id=\"Exclude\" fill-rule=\"evenodd\" clip-rule=\"evenodd\"-->\r\n<!--                                          d=\"M9 9H2V10H9V9ZM14 11H7V12H14V11ZM2 11H6V12H2V11ZM14 9H10V10H14V9Z\"-->\r\n<!--                                          fill=\"#464B58\"><\/path>-->\r\n<!--                                <\/g>-->\r\n<!--                            <\/svg>-->\r\n<!--&lt;!&ndash;                            <div class=\"absolute bottom-15 right-0 opacity-0 transition-opacity group-hover:opacity-100\">&ndash;&gt;-->\r\n<!--&lt;!&ndash;                                <p class=\"whitespace-nowrap text-3point5 font-bold uppercase\">Subtitles<\/p><\/div>&ndash;&gt;-->\r\n<!--                        <\/button>-->\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n<!--            Other player GUI-->\r\n            <div style=\"opacity: 1; position: absolute; top: 0; z-index: 10; align-content: center; width: 100%; height: 100%; display: none;\">\r\n                <div style=\"align-items: center; flex-direction: column; display: flex; top: 50%; left: 50%; position: absolute;\">\r\n                    <div>\r\n                        <div style=\"margin-left: auto; margin-right: auto; text-align: center\">\r\n                            <h2>\u041f\u0440\u0438\u0437\u0443\u043f\u0438\u043d\u0438\u0432\u0441\u044f.<\/h2><\/div>\r\n                    <\/div>\r\n                    <div class=\"\">\r\n                        <button style=\"opacity: 1; justify-content: center; align-items: center; position: relative; cursor: pointer; display: flex;\">\r\n                            <div style=\"opacity: .4; background-color: rgb(131 131 131); width: 100%; height: 100%; inset: 0; position: absolute;\"><\/div>\r\n                            <div class=\"clip-path-border absolute inset-0 h-full w-full bg-white opacity-20\"><\/div>\r\n                            <div class=\"relative z-[1] flex items-center font-xnarrow text-5 font-bold uppercase lg:text-6\">\r\n                                <div class=\"relative h-full w-full\">\r\n                                    <div class=\"absolute left-0 top-0 flex h-full w-full items-center justify-center text-grey-dark transition-opacity duration-300 opacity-0\">\r\n                                        \u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0435\u043d\u043d\u044f...\r\n                                    <\/div>\r\n                                    <div class=\"absolute left-0 top-0 flex h-full w-full items-center justify-center text-white transition-opacity duration-300 opacity-100\">\r\n                                        <div class=\"mr-2\">\r\n                                            <svg width=\"12\" height=\"18\" viewbox=\"0 0 12 18\" fill=\"none\"\r\n                                                 xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                                <path d=\"M11.5698 9.08265L0.391481 0.47756L0.391481 17.6877L11.5698 9.08265Z\"\r\n                                                      fill=\"white\"><\/path>\r\n                                            <\/svg>\r\n                                        <\/div>\r\n                                        <span>\u041f\u0440\u043e\u0434\u043e\u0432\u0436\u0438\u0442\u0438<\/span><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n    let script = document.createElement('script');\r\n    script.onload = function () {\r\n        initiatePlayers();\r\n    };\r\n    script.src = \"https:\/\/player.vimeo.com\/api\/player.js\";\r\n    document.head.appendChild(script);\r\n    const TRANSITION_TYPE_CHOICE = \"choice\";\r\n    const TRANSITION_TYPE_BDA = \"bda\";\r\n\r\n    const VIDEO_STATE_LOADING = \"loading\";\r\n    const VIDEO_STATE_PLAYING = \"playing\";\r\n    const VIDEO_STATE_PAUSE = \"pause\";\r\n\r\n    const SCENARIO_ENDING_STATE_SUCCESS = \"success\";\r\n    const SCENARIO_ENDING_STATE_RETRY = \"retry\";\r\n\r\n    let c = {\r\n        loop: !1,\r\n        byline: !1,\r\n        title: !1,\r\n        portrait: !1,\r\n        keyboard: !1,\r\n        controls: !1,\r\n        autoplay: !1,\r\n        playsinline: !1,\r\n        responsive: !0,\r\n        autopip: !1,\r\n        pip: !1,\r\n        muted: !0\r\n    }\r\n\r\n    let maxOptionsCount = 2;\r\n    let currentlyPlayingVideo = 0;\r\n    let currentPlayer;\r\n\r\n    var VID_ID_INTRO = 1050008877; \/\/ Intro\r\n    var VID_ID_ACT1_OPTION_A = 1050008963;\r\n    var VID_ID_ACT1_OPTION_B = 1050009011;\r\n\r\n    var VID_ID_ACT2_OPTION_A = 1050009041;\r\n    var VID_ID_ACT2_OPTION_B = 1050009275;\r\n\r\n    var VID_ID_ACT3_OPTION_A = 1050009321;\r\n    var VID_ID_ACT3_OPTION_B = 1050009427;\r\n\r\n    var VID_ID_BDA_PATH_1 = 1050009604;\r\n    var VID_ID_BDA_PATH_2 = 1050767881;\r\n    var VID_ID_BDA_PATH_3 = 1050730154;\r\n    var VID_ID_BDA_PATH_4 = 1050730189;\r\n    var VID_ID_BDA_PATH_5 = 1050730214;\r\n    var VID_ID_BDA_PATH_6 = 1050730234;\r\n\r\n    var bda_config = {\r\n        '1 1 1': VID_ID_BDA_PATH_5,\r\n        '1 1 2': VID_ID_BDA_PATH_1,\r\n        '1 2': VID_ID_BDA_PATH_2, \/\/ Retry\r\n        '2 1 1': VID_ID_BDA_PATH_6,\r\n        '2 1 2': VID_ID_BDA_PATH_3,\r\n        '2 2': VID_ID_BDA_PATH_4, \/\/ Retry\r\n    }\r\n\r\n    var transitions = {};\r\n    transitions[VID_ID_INTRO] = {\r\n        transitionType: TRANSITION_TYPE_CHOICE,\r\n        choices: [\r\n            {videoID: VID_ID_ACT1_OPTION_A, choiceText: \"Return fire with an RPG\"},\r\n            {videoID: VID_ID_ACT1_OPTION_B, choiceText: \"Return fire with small arms\"}\r\n        ]\r\n    };\r\n\r\n    transitions[VID_ID_ACT1_OPTION_A] = {\r\n        transitionType: TRANSITION_TYPE_CHOICE,\r\n        choices: [\r\n            {videoID: VID_ID_ACT2_OPTION_A, choiceText: \"Engage the fleeing soldier\"},\r\n            {videoID: VID_ID_ACT2_OPTION_B, choiceText: \"Pursue the fleeing soldier\"}\r\n        ]\r\n    };\r\n    transitions[VID_ID_ACT1_OPTION_B] = {\r\n        transitionType: TRANSITION_TYPE_CHOICE,\r\n        choices: [\r\n            {videoID: VID_ID_ACT2_OPTION_A, choiceText: \"Engage the fleeing soldier\"},\r\n            {videoID: VID_ID_ACT2_OPTION_B, choiceText: \"Pursue the fleeing soldier\"}\r\n        ]\r\n    };\r\n\r\n    transitions[VID_ID_ACT2_OPTION_A] = {\r\n        transitionType: TRANSITION_TYPE_CHOICE,\r\n        choices: [\r\n            {videoID: VID_ID_ACT3_OPTION_A, choiceText: \"Engage the approaching individuals\"},\r\n            {videoID: VID_ID_ACT3_OPTION_B, choiceText: \"Do not engage the approaching individuals\"}\r\n        ]\r\n    };\r\n    transitions[VID_ID_ACT2_OPTION_B] = {\r\n        transitionType: TRANSITION_TYPE_BDA,\r\n        text: \"Battle Damage Assessment\",\r\n        scenarioStatus: SCENARIO_ENDING_STATE_RETRY,\r\n    };\r\n\r\n    transitions[VID_ID_ACT3_OPTION_A] = {\r\n        transitionType: TRANSITION_TYPE_BDA,\r\n        text: \"Battle Damage Assessment\",\r\n        scenarioStatus: SCENARIO_ENDING_STATE_SUCCESS,\r\n    };\r\n    transitions[VID_ID_ACT3_OPTION_B] = {\r\n        transitionType: TRANSITION_TYPE_BDA,\r\n        text: \"Battle Damage Assessment\",\r\n        scenarioStatus: SCENARIO_ENDING_STATE_SUCCESS,\r\n    };\r\n\r\n    var videoIds = [];\r\n    for ( let i in this ) {\r\n        if (i.startsWith('VID_ID_')) {\r\n            videoIds.push(this[i]);\r\n        }\r\n    }\r\n\r\n    function addVideoContainerHTML(videoID, display) {\r\n        const container = document.getElementById(\"video-player-frames-container\");\r\n        const newElem = document.createElement('div');\r\n        newElem.id = \"vimeo-container-\" + videoID;\r\n        newElem.style.overflow = \"hidden\";\r\n        newElem.style.display = display;\r\n        newElem.style.width = \"100%\";\r\n        newElem.style.height = \"100%\";\r\n        newElem.style.inset = \"0\";\r\n        newElem.style.position = \"absolute\";\r\n        container.appendChild(newElem);\r\n    }\r\n\r\n    addVideoContainerHTML(VID_ID_INTRO, \"block\");\r\n    for (const element of videoIds) {\r\n        addVideoContainerHTML(element, \"none\");\r\n    }\r\n\r\n    async function initiatePlayers() {\r\n\r\n        let mainPlayer;\r\n        let secondaryPlayers = {};\r\n        let customPlayerControls = document.getElementById(\"custom-player-controls\");\r\n        let currentVideoState = VIDEO_STATE_LOADING;\r\n        let endingState = SCENARIO_ENDING_STATE_SUCCESS;\r\n        let user_choices = [];\r\n\r\n        async function createPlayer(playerId) {\r\n            return new Vimeo.Player(\"vimeo-container-\" + playerId, {\r\n                id: playerId,\r\n                ...c\r\n            });\r\n        }\r\n\r\n        mainPlayer = await createPlayer(VID_ID_INTRO);\r\n        mainPlayer.on('play', function() {\r\n            currentVideoState = VIDEO_STATE_PLAYING;\r\n        });\r\n        mainPlayer.on('pause', function() {\r\n            currentVideoState = VIDEO_STATE_PAUSE;\r\n        });\r\n\r\n\r\n        mainPlayer.setCurrentTime(0);\r\n\r\n        for (const element of videoIds) {\r\n            secondaryPlayers[element] = await createPlayer(element);\r\n            secondaryPlayers[element].on('play', function() {\r\n                currentVideoState = VIDEO_STATE_PLAYING;\r\n            });\r\n            secondaryPlayers[element].on('pause', function() {\r\n                currentVideoState = VIDEO_STATE_PAUSE;\r\n            });\r\n        }\r\n\r\n        let t = document.getElementById(\"video-start-div\");\r\n        t.style.display = \"block\";\r\n\r\n        async function playVideo(videoPlayer) {\r\n            videoPlayer.setMuted(false).then(function(muted) {\r\n                videoPlayer.play().then(async function() {\r\n                    currentlyPlayingVideo = await videoPlayer.getVideoId();\r\n                    currentPlayer = videoPlayer;\r\n                    currentVideoState = VIDEO_STATE_PLAYING;\r\n                    initTransitions();\r\n                    customPlayerControls.style.display = \"none\";\r\n                    \/\/ the video was played\r\n                }).catch(function(error) {\r\n                    console.log(error.name);\r\n                });\r\n\r\n            }).catch(function(error) {\r\n                \/\/ an error occurred\r\n            });\r\n        }\r\n\r\n        function initTransitions() {\r\n\r\n            if (!transitions.hasOwnProperty(currentlyPlayingVideo)) {\r\n                currentPlayer.on('ended', function() {\r\n\r\n                    let t;\r\n                    if (endingState === SCENARIO_ENDING_STATE_RETRY) {\r\n                        t = document.getElementById(\"restart-div\");\r\n                    } else {\r\n                        t = document.getElementById(\"go-home-div\");\r\n                    }\r\n\r\n                    customPlayerControls.style.display = \"block\";\r\n                    t.style.display = \"block\";\r\n                    if (document.fullscreenElement) {\r\n                        document.exitFullscreen();\r\n                    }\r\n                });\r\n                return;\r\n            }\r\n\r\n            currentPlayer.on('ended', function() {\r\n                let t = document.getElementById(\"option-control\");\r\n                customPlayerControls.style.display = \"block\";\r\n                t.style.display = \"block\";\r\n            });\r\n\r\n            for (let i = 1; i <= maxOptionsCount; i++) {\r\n                let buttonOption = document.getElementById(\"video-option-\" + i);\r\n                buttonOption.style.display = \"none\";\r\n            }\r\n            let index = 1;\r\n\r\n            if (transitions[currentlyPlayingVideo].transitionType === TRANSITION_TYPE_BDA) {\r\n                let transition = transitions[currentlyPlayingVideo];\r\n                let buttonOption = document.getElementById(\"video-option-1\");\r\n                buttonOption.style.display = \"block\";\r\n                buttonOption.innerText = transition.text;\r\n                endingState = transition.scenarioStatus;\r\n\r\n                let bdaVideoID;\r\n                if (bda_config.hasOwnProperty(user_choices.join(' '))) {\r\n                    bdaVideoID = bda_config[user_choices.join(' ')];\r\n                } else {\r\n                    console.log(user_choices.join(' ') + \" bda is not configured\");\r\n                }\r\n\r\n                buttonOption.onclick = function(event) {\r\n                    let t = document.getElementById(\"option-control\");\r\n                    let j = document.getElementById(\"vimeo-container-\" + currentlyPlayingVideo);\r\n                    t.style.display = \"none\";\r\n                    j.style.display = \"none\";\r\n\r\n                    let op1 = document.getElementById(\"vimeo-container-\" + bdaVideoID);\r\n                    op1.style.display = \"block\";\r\n                    playVideo(secondaryPlayers[bdaVideoID]);\r\n                }\r\n            }\r\n\r\n            if (transitions[currentlyPlayingVideo].transitionType === TRANSITION_TYPE_CHOICE) {\r\n                for (const element of transitions[currentlyPlayingVideo].choices) {\r\n                    let buttonOption = document.getElementById(\"video-option-\" + index);\r\n                    buttonOption.style.display = \"block\";\r\n\r\n                    let optionVideoID = element.videoID;\r\n                    if (element.hasOwnProperty(\"choiceText\")) {\r\n                        buttonOption.innerText = element.choiceText;\r\n                    } else {\r\n                        buttonOption.innerText = \"Choice \" + index;\r\n                    }\r\n                    index++;\r\n\r\n                    buttonOption.onclick = function(event) {\r\n                        let t = document.getElementById(\"option-control\");\r\n                        let j = document.getElementById(\"vimeo-container-\" + currentlyPlayingVideo);\r\n                        t.style.display = \"none\";\r\n                        j.style.display = \"none\";\r\n\r\n                        let op1 = document.getElementById(\"vimeo-container-\" + optionVideoID);\r\n                        op1.style.display = \"block\";\r\n                        user_choices.push(this.id.replace(\"video-option-\", \"\"));\r\n                        playVideo(secondaryPlayers[optionVideoID]);\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        const button = document.getElementById(\"video-start-button\");\r\n        button.onclick = function(event) {\r\n            let t = document.getElementById(\"video-start-div\");\r\n            t.style.display = \"none\";\r\n            playVideo(mainPlayer);\r\n        }\r\n\r\n        const playButton = document.getElementById(\"play-button\");\r\n        playButton.onclick = async function(event) {\r\n            try {\r\n                if (currentVideoState === VIDEO_STATE_PAUSE) {\r\n                    await currentPlayer.play()\r\n                } else if (currentVideoState === VIDEO_STATE_PLAYING) {\r\n                    await currentPlayer.pause()\r\n                }\r\n            } catch (e) {\r\n                console.error(e)\r\n            }\r\n        }\r\n\r\n        const reverseButton = document.getElementById(\"reverse-30\");\r\n        reverseButton.onclick = async function(event) {\r\n            try {\r\n                let n = 30;\r\n                let t = await currentPlayer.getCurrentTime();\r\n                t - n < 0 && (n = t);\r\n                await currentPlayer.setCurrentTime(t - n)\r\n            } catch (e) {\r\n                console.error(e)\r\n            }\r\n        }\r\n\r\n        const forwardButton = document.getElementById(\"forward-30\");\r\n        forwardButton.onclick = async function(event) {\r\n            try {\r\n                let n = 30;\r\n                let t = await currentPlayer.getCurrentTime();\r\n                let i = await currentPlayer.getDuration();\r\n                if (t + n > i && (n = i - t - 1), t > i - 1)\r\n                    return;\r\n                await currentPlayer.setCurrentTime(t + n)\r\n            } catch (e) {\r\n                console.error(e)\r\n            }\r\n        }\r\n\r\n        const enterFullscreenButton = document.getElementById(\"enter-fullscreen\");\r\n        enterFullscreenButton.onclick = async function(event) {\r\n            let container = document.querySelector(\".video-player-container\");\r\n            if (container) {\r\n                try {\r\n                    document.fullscreenElement ? document.exitFullscreen() : await container.requestFullscreen()\r\n                } catch (e) {\r\n                    console.log(e)\r\n                }\r\n            }\r\n        }\r\n    }\r\n<\/script>\r\n\r\n<style>\r\n    html {\r\n        height: 100%;\r\n    }\r\n    body {\r\n        height: 100%;\r\n    }\r\n    .elementor-1018 {\r\n        height: 100%;\r\n    }\r\n    .elementor-1018 > div[data-element_type=\"container\"] {\r\n        height: 100%;\r\n    }\r\n    .elementor-1018 > div[data-element_type=\"container\"] > div[data-element_type=\"widget\"] {\r\n        height: 100%;\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Begin Mission Back to the Home page Restart Choice 1 Choice 2 30 Paused Loading&#8230; Continue<\/p>","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1018","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Test 1 - Decision Under Fire<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/decisionsunderfire.com\/uk\/test-1\/\" \/>\n<meta property=\"og:locale\" content=\"uk_UA\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Test 1 - Decision Under Fire\" \/>\n<meta property=\"og:description\" content=\"Begin Mission Back to the Home page Restart Choice 1 Choice 2 30 Paused Loading&#8230; Continue\" \/>\n<meta property=\"og:url\" content=\"https:\/\/decisionsunderfire.com\/uk\/test-1\/\" \/>\n<meta property=\"og:site_name\" content=\"Decision Under Fire\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/decisionsunderfire.com\/test-1\/\",\"url\":\"https:\/\/decisionsunderfire.com\/test-1\/\",\"name\":\"Test 1 - Decision Under Fire\",\"isPartOf\":{\"@id\":\"https:\/\/decisionsunderfire.com\/#website\"},\"datePublished\":\"2025-01-23T13:38:00+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/decisionsunderfire.com\/test-1\/#breadcrumb\"},\"inLanguage\":\"uk\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/decisionsunderfire.com\/test-1\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/decisionsunderfire.com\/test-1\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/decisionsunderfire.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Test 1\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/decisionsunderfire.com\/#website\",\"url\":\"https:\/\/decisionsunderfire.com\/\",\"name\":\"Decisions Under Fire: Honor and Law in Action\",\"description\":\"Honor and Law in Action\",\"publisher\":{\"@id\":\"https:\/\/decisionsunderfire.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/decisionsunderfire.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"uk\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/decisionsunderfire.com\/#organization\",\"name\":\"Geneva Call\",\"url\":\"https:\/\/decisionsunderfire.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"uk\",\"@id\":\"https:\/\/decisionsunderfire.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/decisionsunderfire.com\/wp-content\/uploads\/2025\/05\/cropped-1111.png\",\"contentUrl\":\"https:\/\/decisionsunderfire.com\/wp-content\/uploads\/2025\/05\/cropped-1111.png\",\"width\":100,\"height\":100,\"caption\":\"Geneva Call\"},\"image\":{\"@id\":\"https:\/\/decisionsunderfire.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Test 1 - Decision Under Fire","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/decisionsunderfire.com\/uk\/test-1\/","og_locale":"uk_UA","og_type":"article","og_title":"Test 1 - Decision Under Fire","og_description":"Begin Mission Back to the Home page Restart Choice 1 Choice 2 30 Paused Loading&#8230; Continue","og_url":"https:\/\/decisionsunderfire.com\/uk\/test-1\/","og_site_name":"Decision Under Fire","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/decisionsunderfire.com\/test-1\/","url":"https:\/\/decisionsunderfire.com\/test-1\/","name":"Test 1 - Decision Under Fire","isPartOf":{"@id":"https:\/\/decisionsunderfire.com\/#website"},"datePublished":"2025-01-23T13:38:00+00:00","breadcrumb":{"@id":"https:\/\/decisionsunderfire.com\/test-1\/#breadcrumb"},"inLanguage":"uk","potentialAction":[{"@type":"ReadAction","target":["https:\/\/decisionsunderfire.com\/test-1\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/decisionsunderfire.com\/test-1\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/decisionsunderfire.com\/"},{"@type":"ListItem","position":2,"name":"Test 1"}]},{"@type":"WebSite","@id":"https:\/\/decisionsunderfire.com\/#website","url":"https:\/\/decisionsunderfire.com\/","name":"Decisions Under Fire: \u0433\u0456\u0434\u043d\u0456\u0441\u0442\u044c \u0442\u0430 \u0437\u0430\u043a\u043e\u043d","description":"Honor and Law in Action","publisher":{"@id":"https:\/\/decisionsunderfire.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/decisionsunderfire.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"uk"},{"@type":"Organization","@id":"https:\/\/decisionsunderfire.com\/#organization","name":"Geneva Call","url":"https:\/\/decisionsunderfire.com\/","logo":{"@type":"ImageObject","inLanguage":"uk","@id":"https:\/\/decisionsunderfire.com\/#\/schema\/logo\/image\/","url":"https:\/\/decisionsunderfire.com\/wp-content\/uploads\/2025\/05\/cropped-1111.png","contentUrl":"https:\/\/decisionsunderfire.com\/wp-content\/uploads\/2025\/05\/cropped-1111.png","width":100,"height":100,"caption":"Geneva Call"},"image":{"@id":"https:\/\/decisionsunderfire.com\/#\/schema\/logo\/image\/"}}]}},"featured_image_src":null,"featured_image_src_square":null,"_links":{"self":[{"href":"https:\/\/decisionsunderfire.com\/uk\/wp-json\/wp\/v2\/pages\/1018","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/decisionsunderfire.com\/uk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/decisionsunderfire.com\/uk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/decisionsunderfire.com\/uk\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/decisionsunderfire.com\/uk\/wp-json\/wp\/v2\/comments?post=1018"}],"version-history":[{"count":0,"href":"https:\/\/decisionsunderfire.com\/uk\/wp-json\/wp\/v2\/pages\/1018\/revisions"}],"wp:attachment":[{"href":"https:\/\/decisionsunderfire.com\/uk\/wp-json\/wp\/v2\/media?parent=1018"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}