{"id":4352,"date":"2026-05-15T17:26:42","date_gmt":"2026-05-15T14:26:42","guid":{"rendered":"https:\/\/test2.projedukkani.com\/?page_id=4352"},"modified":"2026-05-15T17:27:16","modified_gmt":"2026-05-15T14:27:16","slug":"videolar","status":"publish","type":"page","link":"https:\/\/test2.projedukkani.com\/?page_id=4352","title":{"rendered":"Videolar"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4352\" class=\"elementor elementor-4352\">\n\t\t\t\t<div class=\"elementor-element elementor-element-50b3c70 e-flex e-con-boxed e-con e-parent\" data-id=\"50b3c70\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c0f54dd elementor-widget elementor-widget-shortcode\" data-id=\"c0f54dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <style>\n    .yt-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 24px;\n    }\n    @media (max-width: 1024px) { .yt-grid { grid-template-columns: repeat(2, 1fr); } }\n    @media (max-width: 600px)  { .yt-grid { grid-template-columns: 1fr; } }\n\n    .yt-kart {\n        border-radius: 12px;\n        overflow: hidden;\n        box-shadow: 0 2px 12px rgba(0,0,0,0.08);\n        cursor: pointer;\n        position: relative;\n    }\n    .yt-thumb {\n        width: 100%;\n        aspect-ratio: 16\/9;\n        object-fit: cover;\n        display: block;\n    }\n    .yt-play-btn {\n        position: absolute;\n        top: 50%; left: 50%;\n        transform: translate(-50%, -50%);\n        width: 64px; height: 64px;\n        background: rgba(255,0,0,0.85);\n        border-radius: 50%;\n        display: flex; align-items: center; justify-content: center;\n        transition: transform 0.2s, background 0.2s;\n    }\n    .yt-kart:hover .yt-play-btn {\n        background: red;\n        transform: translate(-50%, -50%) scale(1.1);\n    }\n    .yt-play-btn svg { margin-left: 4px; }\n    .yt-altyazi {\n        padding: 10px 14px;\n        margin: 0;\n        font-size: 13px;\n        color: #555;\n        background: #fff;\n    }\n\n    \/* Popup *\/\n    .yt-popup-overlay {\n        display: none;\n        position: fixed;\n        inset: 0;\n        background: rgba(0,0,0,0.85);\n        z-index: 99999;\n        align-items: center;\n        justify-content: center;\n    }\n    .yt-popup-overlay.active { display: flex; }\n    .yt-popup-box {\n        position: relative;\n        width: 90%;\n        max-width: 900px;\n    }\n    .yt-popup-box .yt-embed {\n        position: relative;\n        padding-bottom: 56.25%;\n        height: 0;\n    }\n    .yt-popup-box .yt-embed iframe {\n        position: absolute;\n        top: 0; left: 0;\n        width: 100%; height: 100%;\n        border: none;\n        border-radius: 8px;\n    }\n    .yt-popup-close {\n        position: absolute;\n        top: -40px; right: 0;\n        color: #fff;\n        font-size: 32px;\n        cursor: pointer;\n        line-height: 1;\n        background: none;\n        border: none;\n    }\n    <\/style>\n\n    <!-- Popup -->\n    <div class=\"yt-popup-overlay\" id=\"ytPopup\">\n        <div class=\"yt-popup-box\">\n            <button class=\"yt-popup-close\" id=\"ytClose\">&times;<\/button>\n            <div class=\"yt-embed\">\n                <iframe id=\"ytFrame\" src=\"\" allowfullscreen\n                    allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\">\n                <\/iframe>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"yt-grid\">\n                        <div class=\"yt-kart\" onclick=\"ytOpenPopup('23FU9Lls7ug')\">\n            <img decoding=\"async\" class=\"yt-thumb\"\n                src=\"https:\/\/img.youtube.com\/vi\/23FU9Lls7ug\/hqdefault.jpg\"\n                alt=\"Video 16\" \/>\n            <div class=\"yt-play-btn\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"white\">\n                    <polygon points=\"5,3 19,12 5,21\"\/>\n                <\/svg>\n            <\/div>\n                    <\/div>\n                                <div class=\"yt-kart\" onclick=\"ytOpenPopup('TRDL1m4fbc8')\">\n            <img decoding=\"async\" class=\"yt-thumb\"\n                src=\"https:\/\/img.youtube.com\/vi\/TRDL1m4fbc8\/hqdefault.jpg\"\n                alt=\"Video 15\" \/>\n            <div class=\"yt-play-btn\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"white\">\n                    <polygon points=\"5,3 19,12 5,21\"\/>\n                <\/svg>\n            <\/div>\n                    <\/div>\n                                <div class=\"yt-kart\" onclick=\"ytOpenPopup('4D3nIyE52Vs')\">\n            <img decoding=\"async\" class=\"yt-thumb\"\n                src=\"https:\/\/img.youtube.com\/vi\/4D3nIyE52Vs\/hqdefault.jpg\"\n                alt=\"Video 14\" \/>\n            <div class=\"yt-play-btn\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"white\">\n                    <polygon points=\"5,3 19,12 5,21\"\/>\n                <\/svg>\n            <\/div>\n                    <\/div>\n                                <div class=\"yt-kart\" onclick=\"ytOpenPopup('0shOyUSFCvc')\">\n            <img decoding=\"async\" class=\"yt-thumb\"\n                src=\"https:\/\/img.youtube.com\/vi\/0shOyUSFCvc\/hqdefault.jpg\"\n                alt=\"Video 13\" \/>\n            <div class=\"yt-play-btn\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"white\">\n                    <polygon points=\"5,3 19,12 5,21\"\/>\n                <\/svg>\n            <\/div>\n                    <\/div>\n                                <div class=\"yt-kart\" onclick=\"ytOpenPopup('QrnHM78xC7I')\">\n            <img decoding=\"async\" class=\"yt-thumb\"\n                src=\"https:\/\/img.youtube.com\/vi\/QrnHM78xC7I\/hqdefault.jpg\"\n                alt=\"Video 11\" \/>\n            <div class=\"yt-play-btn\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"white\">\n                    <polygon points=\"5,3 19,12 5,21\"\/>\n                <\/svg>\n            <\/div>\n                    <\/div>\n                                <div class=\"yt-kart\" onclick=\"ytOpenPopup('JhxC-jAwaCs')\">\n            <img decoding=\"async\" class=\"yt-thumb\"\n                src=\"https:\/\/img.youtube.com\/vi\/JhxC-jAwaCs\/hqdefault.jpg\"\n                alt=\"Video 10\" \/>\n            <div class=\"yt-play-btn\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"white\">\n                    <polygon points=\"5,3 19,12 5,21\"\/>\n                <\/svg>\n            <\/div>\n                    <\/div>\n                                <div class=\"yt-kart\" onclick=\"ytOpenPopup('JhxC-jAwaCs')\">\n            <img decoding=\"async\" class=\"yt-thumb\"\n                src=\"https:\/\/img.youtube.com\/vi\/JhxC-jAwaCs\/hqdefault.jpg\"\n                alt=\"Video 9\" \/>\n            <div class=\"yt-play-btn\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"white\">\n                    <polygon points=\"5,3 19,12 5,21\"\/>\n                <\/svg>\n            <\/div>\n                    <\/div>\n                                <div class=\"yt-kart\" onclick=\"ytOpenPopup('mi5EIs-IDPk')\">\n            <img decoding=\"async\" class=\"yt-thumb\"\n                src=\"https:\/\/img.youtube.com\/vi\/mi5EIs-IDPk\/hqdefault.jpg\"\n                alt=\"Video 8\" \/>\n            <div class=\"yt-play-btn\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"white\">\n                    <polygon points=\"5,3 19,12 5,21\"\/>\n                <\/svg>\n            <\/div>\n                    <\/div>\n                                <div class=\"yt-kart\" onclick=\"ytOpenPopup('03eJVQ_bWxE')\">\n            <img decoding=\"async\" class=\"yt-thumb\"\n                src=\"https:\/\/img.youtube.com\/vi\/03eJVQ_bWxE\/hqdefault.jpg\"\n                alt=\"Video 7\" \/>\n            <div class=\"yt-play-btn\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"white\">\n                    <polygon points=\"5,3 19,12 5,21\"\/>\n                <\/svg>\n            <\/div>\n                    <\/div>\n                                <div class=\"yt-kart\" onclick=\"ytOpenPopup('GMAijP65xjU')\">\n            <img decoding=\"async\" class=\"yt-thumb\"\n                src=\"https:\/\/img.youtube.com\/vi\/GMAijP65xjU\/hqdefault.jpg\"\n                alt=\"Video 6\" \/>\n            <div class=\"yt-play-btn\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"white\">\n                    <polygon points=\"5,3 19,12 5,21\"\/>\n                <\/svg>\n            <\/div>\n                    <\/div>\n                                <div class=\"yt-kart\" onclick=\"ytOpenPopup('g0CY5kHILlo')\">\n            <img decoding=\"async\" class=\"yt-thumb\"\n                src=\"https:\/\/img.youtube.com\/vi\/g0CY5kHILlo\/hqdefault.jpg\"\n                alt=\"Video 5\" \/>\n            <div class=\"yt-play-btn\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"white\">\n                    <polygon points=\"5,3 19,12 5,21\"\/>\n                <\/svg>\n            <\/div>\n                    <\/div>\n                                <div class=\"yt-kart\" onclick=\"ytOpenPopup('omtJEiw-33M')\">\n            <img decoding=\"async\" class=\"yt-thumb\"\n                src=\"https:\/\/img.youtube.com\/vi\/omtJEiw-33M\/hqdefault.jpg\"\n                alt=\"Video 4\" \/>\n            <div class=\"yt-play-btn\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"white\">\n                    <polygon points=\"5,3 19,12 5,21\"\/>\n                <\/svg>\n            <\/div>\n                    <\/div>\n                                <div class=\"yt-kart\" onclick=\"ytOpenPopup('S0FKQ-eJW6Y')\">\n            <img decoding=\"async\" class=\"yt-thumb\"\n                src=\"https:\/\/img.youtube.com\/vi\/S0FKQ-eJW6Y\/hqdefault.jpg\"\n                alt=\"Video 3\" \/>\n            <div class=\"yt-play-btn\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"white\">\n                    <polygon points=\"5,3 19,12 5,21\"\/>\n                <\/svg>\n            <\/div>\n                    <\/div>\n                                <div class=\"yt-kart\" onclick=\"ytOpenPopup('oiMt-4D69yA')\">\n            <img decoding=\"async\" class=\"yt-thumb\"\n                src=\"https:\/\/img.youtube.com\/vi\/oiMt-4D69yA\/hqdefault.jpg\"\n                alt=\"Video 2\" \/>\n            <div class=\"yt-play-btn\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"white\">\n                    <polygon points=\"5,3 19,12 5,21\"\/>\n                <\/svg>\n            <\/div>\n                    <\/div>\n                                <div class=\"yt-kart\" onclick=\"ytOpenPopup('qd9vM-58BDs')\">\n            <img decoding=\"async\" class=\"yt-thumb\"\n                src=\"https:\/\/img.youtube.com\/vi\/qd9vM-58BDs\/hqdefault.jpg\"\n                alt=\"Video 1\" \/>\n            <div class=\"yt-play-btn\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"white\">\n                    <polygon points=\"5,3 19,12 5,21\"\/>\n                <\/svg>\n            <\/div>\n                    <\/div>\n                    <\/div>\n\n    <script data-jetpack-boost=\"ignore\" data-jetpack-boost=\"ignore\">\n    function ytOpenPopup(videoId) {\n        document.getElementById('ytFrame').src = 'https:\/\/www.youtube.com\/embed\/' + videoId + '?autoplay=1';\n        document.getElementById('ytPopup').classList.add('active');\n        document.body.style.overflow = 'hidden';\n    }\n\n    document.getElementById('ytClose').addEventListener('click', function() {\n        document.getElementById('ytFrame').src = '';\n        document.getElementById('ytPopup').classList.remove('active');\n        document.body.style.overflow = '';\n    });\n\n    document.getElementById('ytPopup').addEventListener('click', function(e) {\n        if (e.target === this) {\n            document.getElementById('ytFrame').src = '';\n            this.classList.remove('active');\n            document.body.style.overflow = '';\n        }\n    });\n    <\/script>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-4352","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/test2.projedukkani.com\/index.php?rest_route=\/wp\/v2\/pages\/4352","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/test2.projedukkani.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/test2.projedukkani.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/test2.projedukkani.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/test2.projedukkani.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4352"}],"version-history":[{"count":4,"href":"https:\/\/test2.projedukkani.com\/index.php?rest_route=\/wp\/v2\/pages\/4352\/revisions"}],"predecessor-version":[{"id":4356,"href":"https:\/\/test2.projedukkani.com\/index.php?rest_route=\/wp\/v2\/pages\/4352\/revisions\/4356"}],"wp:attachment":[{"href":"https:\/\/test2.projedukkani.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4352"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}