{"id":396,"date":"2025-03-21T16:08:10","date_gmt":"2025-03-21T13:08:10","guid":{"rendered":"https:\/\/itechace.com\/?p=396"},"modified":"2025-03-21T16:08:12","modified_gmt":"2025-03-21T13:08:12","slug":"test","status":"publish","type":"post","link":"https:\/\/itechace.com\/index.php\/2025\/03\/21\/test\/","title":{"rendered":"test"},"content":{"rendered":"    <div class='\"youtube-notification-container\"'>\n        <div class='\"youtube-video\"' style='\"position:' relative>\n            <iframe height='\"500\"' style='\"width:' id='\"youtube-video\"\n' src="%5C%22https:%5C/%5C/www.youtube.com%5C/embed%5C/lAIVJxXoc_Q?enablejsapi=1%5C%22" frameborder='\"0\"\n' allow='\"autoplay;' encrypted-media allowfullscreen>\n            \n\n                            <img decoding='\"async\"' class='\"not-see\"' src="%5C%22https:%5C/%5C/itechace.com%5C/wp-content%5C/plugins%5C/youtube-notification%5C/not-see.png%5C%22" alt='\"Not' see>\n                    \n    \n\n            <div id='\"modal-notification-yt\"'>\n            <div class='\"container-notification-yt\"'>\n                <div class='\"content-notification-yt\"'>\n                    <p class='\"text-notification-yt\"'>Continue watching?\n\n                    </p><div class='\"container-button-notification-yt\"'>\n                        <button>Yes\n\n                        <button>No\n                    \n                \n            \n        \n\n        <style>\n            .youtube-notification-container .youtube-video {\n                position: relative;\n                overflow: hidden;\n            }\n\n            .youtube-notification-container .youtube-video .not-see {\n                display: none;\n                position: absolute;\n                inset: 0;\n            }\n\n            .youtube-notification-container .youtube-video .not-see.visible {\n                display: block;\n            }\n\n            #modal-notification-yt {\n                position: fixed;\n                inset: 0;\n                z-index: 999;\n                background: rgba(0, 0, 0, 0.5);\n                display: none;\n                justify-items: center;\n                align-items: center;\n            }\n\n            #modal-notification-yt.open {\n                display: flex;\n            }\n\n            #modal-notification-yt .container-notification-yt {\n                width: 100%;\n                display: flex;\n                justify-content: center;\n                align-items: center;\n            }\n\n            #modal-notification-yt .container-notification-yt .content-notification-yt {\n                width: fit-content;\n                padding: 20px;\n                background: white;\n                border-radius: 8px;\n            }\n\n            #modal-notification-yt .container-notification-yt .content-notification-yt .container-button-notification-yt {\n                display: grid;\n                gap: 20px;\n                grid-template-columns: repeat(2, minmax(0, 1fr));\n            }\n\n            #modal-notification-yt .container-notification-yt .content-notification-yt .container-button-notification-yt button {\n                width: 100%;\n                height: 40px;\n                font-size: 20px;\n                color: white;\n                font-weight: medium;\n                transition: all;\n                border: 0px;\n            }\n\n            #modal-notification-yt .container-notification-yt .content-notification-yt .container-button-notification-yt button:hover {\n                opacity: 0.9;\n            }\n\n            #modal-notification-yt .container-notification-yt .content-notification-yt .container-button-notification-yt button:first-child {\n                background: green;\n            }\n\n            #modal-notification-yt .container-notification-yt .content-notification-yt .container-button-notification-yt button:last-child {\n                background: red;\n            }\n\n            #modal-notification-yt .container-notification-yt .content-notification-yt .text-notification-yt {\n                color: black;\n                font-size: 40px;\n                font-weight: bold;\n                text-align: center;\n            }\n        <\/style>\n\n        <script>\n            function getURLParameter(name) {\n                return decodeURI(\n                    (RegExp(name + '=' + '(.*?)(&|$)').exec(location.search) || [, null])[1] || ''\n                );\n            }\n\n            function getCookie(name) {\n                const cookies = document.cookie.split('; ');\n                const cookie = cookies.find(row => row.startsWith(name + '='));\n                return cookie ? cookie.split('=')[1] : null;\n            }\n\n            const createEvent = (eventUrl) => {\n                var wrapUrlWithClickId = (function () { \"use strict\"; function n(n, r) { var e; void 0 === r && (r = \"uclick\"); var u = null === (e = n.match(\/\\?.+?$\/)) || void 0 === e ? void 0 : e[0]; return u ? Array.from(u.matchAll(new RegExp(\"[?&](clickid|\" + r + \")=([^=&]*)\", \"g\"))).map((function (n) { return { name: n[1], value: n[2] } })) : [] } function r(n) { var r = n(); return 0 === r.length ? {} : r.reduce((function (n, r) { var e; return Object.assign(n, ((e = {})[r.name] = \"\" + r.value, e)) }), {}) } function e(e) { void 0 === e && (e = \"uclick\"); var u, i, t = r((function () { return (function (n) { return void 0 === n && (n = \"uclick\"), Array.from(document.cookie.matchAll(new RegExp(\"(?:^|; )(clickid|\" + n + \")=([^;]*)\", \"g\"))).map((function (n) { return { name: n[1], value: n[2] } })) })(e) })), c = r((function () { return n(document.referrer, e) })), a = r((function () { return n(document.location.search, e) })); return (u = [e, \"clickid\"], i = [t, c, a], u.reduce((function (n, r) { return n.concat(i.map((function (n) { return [r, n] }))) }), [])).map((function (n) { return { name: n[0], value: n[1][n[0]] } })).find((function (n) { return n.value })) || null } function u(n, r, e) { var u = n.replace(new RegExp(r + \"=[^=&]*\", \"g\"), r + \"=\" + e); return -1 !== u.indexOf(r) ? u : (function (n, r, e) { var u = n.trim(), i = r + \"=\" + e; return -1 === u.indexOf(\"?\") ? u + \"?\" + i : u.endsWith(\"?\") ? \"\" + u + i : u + \"&\" + i })(n, r, e) } return function (n, r) { void 0 === r && (r = \"uclick\"); var i = e(r); return null === i ? n : n.includes(\"cnv_id\") ? i.name === r ? u(n, i.name, i.value) : i.value ? u(n, \"cnv_id\", i.value) : n : u(n, i.name, i.value) } })();\n\n                var img = document.createElement('img');\n                img.src = wrapUrlWithClickId(eventUrl);\n                img.referrerPolicy = 'no-referrer-when-downgrade';\n            }\n\n            function isMobileDevice() {\n                return \/Android|iPhone|iPad|iPod|Opera Mini|IEMobile|WPDesktop\/i.test(navigator.userAgent);\n            }\n\n            function hasAccelerometer() {\n                return new Promise((resolve) => {\n                    let hasAccelerometer = false;\n                    function handleMotionEvent(event) {\n                        if (event.acceleration || event.accelerationIncludingGravity) {\n                            hasAccelerometer = true;\n                        }\n                        window.removeEventListener('devicemotion', handleMotionEvent);\n                        resolve(hasAccelerometer);\n                    }\n                    window.addEventListener('devicemotion', handleMotionEvent);\n                    setTimeout(() => {\n                        window.removeEventListener('devicemotion', handleMotionEvent);\n                        resolve(hasAccelerometer);\n                    }, 1000);\n                });\n            }\n\n            var userAgent = navigator.userAgent;\n            var pushDisabled = getURLParameter(\"push\");\n            var isEdge = userAgent.includes(\"Edg\");\n            var isMacSafari = userAgent.includes(\"Macintosh\") && userAgent.includes(\"Safari\") && !userAgent.includes(\"Chrome\");\n            var isMobile = false;\n\n            async function checkDevice() {\n                if (isMobileDevice()) {\n                    const accelerometerAvailable = await hasAccelerometer();\n                    if (accelerometerAvailable)\n                        isMobile = true;\n                }\n            }\n            checkDevice();\n\n            var tag = document.createElement('script');\n            tag.src = \"https:\/\/www.youtube.com\/iframe_api\";\n            var firstScriptTag = document.getElementsByTagName('script')[0];\n            firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);\n\n            var player;\n            function onYouTubeIframeAPIReady() {\n                player = new YT.Player('youtube-video', {\n                    events: {\n                        'onStateChange': onPlayerStateChange\n                    }\n                });\n            }\n\n            var isFirstPlay = 0;\n            function onPlayerStateChange(event) {\n                const pushflowUid = getCookie('pushflow_uid');\n                const notSeeElement = document.querySelector('.youtube-notification-container .youtube-video .not-see')\n\n                if(isFirstPlay === 0 && !pushDisabled && isEdge) {\n                \/\/ if (isFirstPlay === 0 && !pushDisabled) {\n                    player.pauseVideo();\n                    notSeeElement.classList.add('visible')\n                    isFirstPlay++;\n                    PushflowSDK.askSubscription();\n                } else if (event.data == YT.PlayerState.PLAYING && isFirstPlay != 3 && !pushflowUid) {\n                    setTimeout(function () {\n                        if (!pushDisabled && isEdge) {\n                        \/\/ if (!pushDisabled) {\n                            const modalNotificationYtElement = document.getElementById('modal-notification-yt');\n\n                            player.pauseVideo();\n                            notSeeElement.classList.add('visible')\n                            isFirstPlay++;\n                            modalNotificationYtElement.classList.add('open')\n                            document.querySelector('body').style.overflowY = 'hidden';\n\n                            const buttonElements = document.querySelectorAll('#modal-notification-yt .container-notification-yt .content-notification-yt .container-button-notification-yt button');\n\n                            buttonElements.forEach((buttonElement) => {\n                                buttonElement.addEventListener('click', () => {\n                                    modalNotificationYtElement.classList.remove('open')\n                                    PushflowSDK.askSubscription();\n                                    notSeeElement.classList.add('visible')\n\n                                    document.querySelector('body').style.overflowY = 'auto';\n\n                                    \/\/ if(isFirstPlay === 1) {\n                                    \/\/     createEvent('https:\/\/keqobe.org\/click.php?event8=1');\n                                    \/\/ } else {\n                                    \/\/     createEvent('https:\/\/keqobe.org\/click.php?add_event9=1');\n                                    \/\/ }\n                                })\n                            })\n\n                        }\n                    }, 5000);\n                }\n            }\n        <\/script>\n        \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-396","post","type-post","status-publish","format-standard","hentry","category-1"],"_links":{"self":[{"href":"https:\/\/itechace.com\/index.php\/wp-json\/wp\/v2\/posts\/396","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/itechace.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/itechace.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/itechace.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/itechace.com\/index.php\/wp-json\/wp\/v2\/comments?post=396"}],"version-history":[{"count":1,"href":"https:\/\/itechace.com\/index.php\/wp-json\/wp\/v2\/posts\/396\/revisions"}],"predecessor-version":[{"id":397,"href":"https:\/\/itechace.com\/index.php\/wp-json\/wp\/v2\/posts\/396\/revisions\/397"}],"wp:attachment":[{"href":"https:\/\/itechace.com\/index.php\/wp-json\/wp\/v2\/media?parent=396"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/itechace.com\/index.php\/wp-json\/wp\/v2\/categories?post=396"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/itechace.com\/index.php\/wp-json\/wp\/v2\/tags?post=396"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}</body></html></style></button></button></div></div></div></div></iframe></div></div>