{"id":1046,"date":"2026-09-16T11:40:30","date_gmt":"2026-09-16T04:40:30","guid":{"rendered":"https:\/\/ksgicambodia.com\/?page_id=1046"},"modified":"2026-09-16T16:11:44","modified_gmt":"2026-09-16T09:11:44","slug":"videos","status":"publish","type":"page","link":"https:\/\/ksgicambodia.com\/kh\/videos\/","title":{"rendered":"\u179c\u17b8\u178a\u17c1\u17a2\u17bc"},"content":{"rendered":"\n<div class=\"ksgi-videos-page\">\n\n\n    <div class=\"ksgi-videos-grid\">\n\n        <!-- VIDEO 1 -->\n        <div class=\"ksgi-video-card\" data-video-id=\"fJoxl6qu53o\" onclick=\"openKsgiVideo('fJoxl6qu53o')\">\n            <div class=\"ksgi-video-thumbnail\">\n                <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/fJoxl6qu53o\/maxresdefault.jpg\" alt=\"\">\n                <div class=\"ksgi-play-button\">\u25b6<\/div>\n            <\/div>\n            <div class=\"ksgi-video-info\">\n                <div class=\"ksgi-video-date\">16 SEP 2026<\/div>\n                <h2 class=\"ksgi-youtube-title\">Loading&#8230;<\/h2>\n            <\/div>\n        <\/div>\n\n        <!-- VIDEO 2 -->\n        <div class=\"ksgi-video-card\" data-video-id=\"zFzniD2GHPw\" onclick=\"openKsgiVideo('zFzniD2GHPw')\">\n            <div class=\"ksgi-video-thumbnail\">\n                <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/zFzniD2GHPw\/maxresdefault.jpg\" alt=\"\">\n                <div class=\"ksgi-play-button\">\u25b6<\/div>\n            <\/div>\n            <div class=\"ksgi-video-info\">\n                <div class=\"ksgi-video-date\">16 SEP 2026<\/div>\n                <h2 class=\"ksgi-youtube-title\">Loading&#8230;<\/h2>\n            <\/div>\n        <\/div>\n\n        <!-- VIDEO 3 -->\n        <div class=\"ksgi-video-card\" data-video-id=\"Z5cfHduLyjk\" onclick=\"openKsgiVideo('Z5cfHduLyjk')\">\n            <div class=\"ksgi-video-thumbnail\">\n                <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/Z5cfHduLyjk\/maxresdefault.jpg\" alt=\"\">\n                <div class=\"ksgi-play-button\">\u25b6<\/div>\n            <\/div>\n            <div class=\"ksgi-video-info\">\n                <div class=\"ksgi-video-date\">16 SEP 2026<\/div>\n                <h2 class=\"ksgi-youtube-title\">Loading&#8230;<\/h2>\n            <\/div>\n        <\/div>\n\n        <!-- VIDEO 4 -->\n        <div class=\"ksgi-video-card\" data-video-id=\"KntNW--PHkk\" onclick=\"openKsgiVideo('KntNW--PHkk')\">\n            <div class=\"ksgi-video-thumbnail\">\n                <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/KntNW--PHkk\/maxresdefault.jpg\" alt=\"\">\n                <div class=\"ksgi-play-button\">\u25b6<\/div>\n            <\/div>\n            <div class=\"ksgi-video-info\">\n                <div class=\"ksgi-video-date\">16 SEP 2026<\/div>\n                <h2 class=\"ksgi-youtube-title\">Loading&#8230;<\/h2>\n            <\/div>\n        <\/div>\n\n        <!-- VIDEO 5 -->\n        <div class=\"ksgi-video-card\" data-video-id=\"HysFAI1-go8\" onclick=\"openKsgiVideo('HysFAI1-go8')\">\n            <div class=\"ksgi-video-thumbnail\">\n                <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/HysFAI1-go8\/maxresdefault.jpg\" alt=\"\">\n                <div class=\"ksgi-play-button\">\u25b6<\/div>\n            <\/div>\n            <div class=\"ksgi-video-info\">\n                <div class=\"ksgi-video-date\">16 SEP 2026<\/div>\n                <h2 class=\"ksgi-youtube-title\">Loading&#8230;<\/h2>\n            <\/div>\n        <\/div>\n\n        <!-- VIDEO 6 -->\n        <div class=\"ksgi-video-card\" data-video-id=\"nQLYHtdPmck\" onclick=\"openKsgiVideo('nQLYHtdPmck')\">\n            <div class=\"ksgi-video-thumbnail\">\n                <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/nQLYHtdPmck\/maxresdefault.jpg\" alt=\"\">\n                <div class=\"ksgi-play-button\">\u25b6<\/div>\n            <\/div>\n            <div class=\"ksgi-video-info\">\n                <div class=\"ksgi-video-date\">16 SEP 2026<\/div>\n                <h2 class=\"ksgi-youtube-title\">Loading&#8230;<\/h2>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n\n<!-- VIDEO POPUP -->\n<div id=\"ksgi-video-popup\" class=\"ksgi-video-popup\">\n\n    <div class=\"ksgi-video-overlay\" onclick=\"closeKsgiVideo()\"><\/div>\n\n    <div class=\"ksgi-video-popup-box\">\n\n        <button class=\"ksgi-video-close\" type=\"button\" onclick=\"closeKsgiVideo()\">\u00d7<\/button>\n\n        <iframe id=\"ksgi-video-iframe\" src=\"\" title=\"YouTube Video\" frameborder=\"0\" referrerpolicy=\"origin\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\">\n        <\/iframe>\n\n        <a id=\"ksgi-watch-youtube\" class=\"ksgi-watch-youtube\" href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\">\n            \u25b6 Watch on YouTube\n        <\/a>\n\n    <\/div>\n<\/div>\n\n\n<style>\n\n\/* =========================================================\n   KSGI VIDEOS PAGE\n   ========================================================= *\/\n\n.ksgi-videos-page,\n.ksgi-videos-page * {\n    box-sizing: border-box;\n}\n\n.ksgi-videos-page {\n    width: 100% !important;\n    max-width: 1080px !important;\n    margin: 0 auto !important;\n    padding: 45px 0 80px !important;\n    background: #ffffff !important;\n}\n\n.ksgi-videos-title {\n    display: block !important;\n    width: 100% !important;\n    margin: 0 0 32px !important;\n    padding: 0 !important;\n\n    color: #08101f !important;\n    font-size: 32px !important;\n    line-height: 1.2 !important;\n    font-weight: 700 !important;\n}\n\n\n\/* =========================================================\n   GRID\n   ========================================================= *\/\n\n.ksgi-videos-grid {\n    display: grid !important;\n    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\n    gap: 28px 20px !important;\n\n    width: 100% !important;\n    max-width: 1080px !important;\n    margin: 0 !important;\n    padding: 0 !important;\n}\n\n\n\/* =========================================================\n   CARD\n   ========================================================= *\/\n\n.ksgi-video-card {\n    display: block !important;\n    width: 100% !important;\n    min-width: 0 !important;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    background: #ffffff !important;\n    border: 0 !important;\n    border-radius: 0 !important;\n\n    cursor: pointer;\n    overflow: hidden;\n\n    box-shadow: none !important;\n\n    transition: transform .25s ease;\n}\n\n.ksgi-video-card:hover {\n    transform: translateY(-4px);\n}\n\n\n\/* =========================================================\n   THUMBNAIL\n   ========================================================= *\/\n\n.ksgi-video-thumbnail {\n    position: relative !important;\n\n    width: 100% !important;\n    height: auto !important;\n    aspect-ratio: 16 \/ 9 !important;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    overflow: hidden !important;\n    background: #eeeeee !important;\n\n    border-radius: 0 !important;\n}\n\n.ksgi-video-thumbnail img {\n    display: block !important;\n\n    width: 100% !important;\n    height: 100% !important;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    object-fit: cover !important;\n\n    transition: transform .3s ease;\n}\n\n.ksgi-video-card:hover .ksgi-video-thumbnail img {\n    transform: scale(1.04);\n}\n\n\n\/* =========================================================\n   PLAY BUTTON\n   ========================================================= *\/\n\n.ksgi-play-button {\n    position: absolute !important;\n\n    left: 50% !important;\n    top: 50% !important;\n\n    width: 58px !important;\n    height: 41px !important;\n\n    transform: translate(-50%, -50%) !important;\n\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n\n    background: #ff0000 !important;\n    color: #ffffff !important;\n\n    border-radius: 10px !important;\n\n    font-size: 22px !important;\n    line-height: 1 !important;\n\n    box-shadow: 0 4px 12px rgba(0,0,0,.25);\n\n    transition: transform .25s ease;\n}\n\n.ksgi-video-card:hover .ksgi-play-button {\n    transform: translate(-50%, -50%) scale(1.08) !important;\n}\n\n\n\/* =========================================================\n   INFO\n   ========================================================= *\/\n\n.ksgi-video-info {\n    width: 100% !important;\n\n    margin: 0 !important;\n    padding: 14px 0 5px !important;\n}\n\n.ksgi-video-date {\n    margin: 0 0 7px !important;\n    padding: 0 !important;\n\n    color: #777777 !important;\n\n    font-size: 13px !important;\n    line-height: 1.2 !important;\n    font-weight: 600 !important;\n}\n\n.ksgi-video-info h2,\n.ksgi-youtube-title {\n    display: -webkit-box !important;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    color: #111111 !important;\n\n    font-size: 19px !important;\n    line-height: 1.3 !important;\n    font-weight: 700 !important;\n\n    -webkit-line-clamp: 3;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n}\n\n\n\/* =========================================================\n   POPUP\n   ========================================================= *\/\n\n.ksgi-video-popup {\n    display: none;\n\n    position: fixed !important;\n    z-index: 999999 !important;\n\n    inset: 0 !important;\n\n    width: 100% !important;\n    height: 100% !important;\n}\n\n.ksgi-video-popup.active {\n    display: flex !important;\n\n    align-items: center !important;\n    justify-content: center !important;\n}\n\n.ksgi-video-overlay {\n    position: absolute !important;\n    inset: 0 !important;\n\n    background: rgba(0,0,0,.84) !important;\n}\n\n.ksgi-video-popup-box {\n    position: relative !important;\n    z-index: 2 !important;\n\n    width: min(1100px, 90vw) !important;\n    max-width: 1100px !important;\n\n    aspect-ratio: 16 \/ 9 !important;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    background: #000000 !important;\n}\n\n.ksgi-video-popup-box iframe {\n    display: block !important;\n\n    width: 100% !important;\n    height: 100% !important;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    border: 0 !important;\n}\n\n\n\/* =========================================================\n   CLOSE\n   ========================================================= *\/\n\n.ksgi-video-close {\n    position: absolute !important;\n    z-index: 20 !important;\n\n    right: -48px !important;\n    top: -48px !important;\n\n    width: 40px !important;\n    height: 40px !important;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    border: 0 !important;\n    border-radius: 50% !important;\n\n    background: #ffffff !important;\n    color: #111111 !important;\n\n    font-size: 29px !important;\n    line-height: 40px !important;\n\n    text-align: center !important;\n\n    cursor: pointer;\n}\n\n.ksgi-watch-youtube {\n    position: absolute !important;\n    z-index: 30 !important;\n\n    left: 15px !important;\n    bottom: 15px !important;\n\n    display: inline-block !important;\n\n    padding: 8px 13px !important;\n\n    background: #ff0000 !important;\n    color: #ffffff !important;\n\n    border-radius: 5px !important;\n\n    font-size: 13px !important;\n    font-weight: 600 !important;\n    text-decoration: none !important;\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 1100px) {\n\n    .ksgi-videos-page {\n        max-width: calc(100% - 60px) !important;\n    }\n\n    .ksgi-videos-grid {\n        max-width: 100% !important;\n    }\n\n}\n\n\n\/* =========================================================\n   TABLET 2 COLUMNS\n   ========================================================= *\/\n\n@media (max-width: 800px) {\n\n    .ksgi-videos-page {\n        max-width: calc(100% - 40px) !important;\n        padding: 40px 0 60px !important;\n    }\n\n    .ksgi-videos-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n        gap: 25px 18px !important;\n    }\n\n    .ksgi-videos-title {\n        font-size: 30px !important;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 600px) {\n\n    .ksgi-videos-page {\n        max-width: calc(100% - 30px) !important;\n        padding: 30px 0 50px !important;\n    }\n\n    .ksgi-videos-grid {\n        grid-template-columns: 1fr !important;\n        gap: 25px !important;\n    }\n\n    .ksgi-videos-title {\n        font-size: 27px !important;\n        margin-bottom: 25px !important;\n    }\n\n    .ksgi-video-info h2,\n    .ksgi-youtube-title {\n        font-size: 19px !important;\n    }\n\n    .ksgi-video-popup-box {\n        width: 94vw !important;\n    }\n\n    .ksgi-video-close {\n        right: 0 !important;\n        top: -48px !important;\n    }\n\n}\n\n\n\/* =========================================================\n   PREVENT THEME FROM STRETCHING THE PAGE CONTENT\n   ========================================================= *\/\n\nbody.page .ksgi-videos-page {\n    width: 100% !important;\n}\n\nbody.page .ksgi-videos-page .ksgi-videos-grid {\n    width: 100% !important;\n}\n\nbody.ksgi-video-open {\n    overflow: hidden !important;\n}\n\n<\/style>\n\n\n<script>\n\n\/* =========================================================\n   YOUTUBE TITLES\n   Gets the real title from YouTube oEmbed\n   ========================================================= *\/\n\n(function () {\n\n    function loadKsgiYoutubeTitles() {\n\n        var cards = document.querySelectorAll(\n            '.ksgi-video-card[data-video-id]'\n        );\n\n        cards.forEach(function (card) {\n\n            var videoId = card.getAttribute('data-video-id');\n            var titleBox = card.querySelector('.ksgi-youtube-title');\n\n            if (!videoId || !titleBox) return;\n\n            var url =\n                'https:\/\/www.youtube.com\/oembed' +\n                '?url=' +\n                encodeURIComponent(\n                    'https:\/\/www.youtube.com\/watch?v=' + videoId\n                ) +\n                '&format=json';\n\n            fetch(url)\n                .then(function (response) {\n                    if (!response.ok) {\n                        throw new Error('YouTube title request failed');\n                    }\n\n                    return response.json();\n                })\n                .then(function (data) {\n\n                    if (data && data.title) {\n                        titleBox.textContent = data.title;\n                    } else {\n                        titleBox.textContent = 'YouTube Video';\n                    }\n\n                })\n                .catch(function () {\n\n                    \/*\n                     * Video 1 title is known.\n                     * Other titles will retry once.\n                     *\/\n                    if (videoId === 'fJoxl6qu53o') {\n                        titleBox.textContent =\n                            'Yamaha Corporate Profile Video';\n                    } else {\n                        titleBox.textContent = 'YouTube Video';\n                    }\n\n                });\n\n        });\n\n    }\n\n    if (document.readyState === 'loading') {\n        document.addEventListener(\n            'DOMContentLoaded',\n            loadKsgiYoutubeTitles\n        );\n    } else {\n        loadKsgiYoutubeTitles();\n    }\n\n})();\n\n\n\/* =========================================================\n   OPEN VIDEO\n   ========================================================= *\/\n\nfunction openKsgiVideo(videoId) {\n\n    var popup =\n        document.getElementById('ksgi-video-popup');\n\n    var iframe =\n        document.getElementById('ksgi-video-iframe');\n\n    var youtubeButton =\n        document.getElementById('ksgi-watch-youtube');\n\n    if (!popup || !iframe) return;\n\n    \/*\n     * HTTP Referer \/ Origin is important for YouTube\n     * embedded playback.\n     *\/\n    iframe.src =\n        'https:\/\/www.youtube-nocookie.com\/embed\/' +\n        videoId +\n        '?autoplay=1&rel=0&origin=' +\n        encodeURIComponent(\n            window.location.origin\n        );\n\n    if (youtubeButton) {\n        youtubeButton.href =\n            'https:\/\/www.youtube.com\/watch?v=' +\n            videoId;\n    }\n\n    popup.classList.add('active');\n\n    document.body.classList.add('ksgi-video-open');\n}\n\n\n\/* =========================================================\n   CLOSE VIDEO\n   ========================================================= *\/\n\nfunction closeKsgiVideo() {\n\n    var popup =\n        document.getElementById('ksgi-video-popup');\n\n    var iframe =\n        document.getElementById('ksgi-video-iframe');\n\n    if (iframe) {\n        iframe.src = '';\n    }\n\n    if (popup) {\n        popup.classList.remove('active');\n    }\n\n    document.body.classList.remove('ksgi-video-open');\n}\n\n\n\/* =========================================================\n   ESC KEY\n   ========================================================= *\/\n\ndocument.addEventListener(\n    'keydown',\n    function (event) {\n\n        if (event.key === 'Escape') {\n            closeKsgiVideo();\n        }\n\n    }\n);\n\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u25b6 16 SEP 2026 Loading&#8230; \u25b6 16 SEP 2026 Loading&#8230; \u25b6 16 SEP 2026 Loading&#8230; \u25b6 16 SEP 2026 Loading&#8230; \u25b6 16 SEP 2026&hellip;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":false,"footnotes":""},"class_list":["post-1046","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ksgicambodia.com\/kh\/wp-json\/wp\/v2\/pages\/1046","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ksgicambodia.com\/kh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ksgicambodia.com\/kh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ksgicambodia.com\/kh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ksgicambodia.com\/kh\/wp-json\/wp\/v2\/comments?post=1046"}],"version-history":[{"count":10,"href":"https:\/\/ksgicambodia.com\/kh\/wp-json\/wp\/v2\/pages\/1046\/revisions"}],"predecessor-version":[{"id":1125,"href":"https:\/\/ksgicambodia.com\/kh\/wp-json\/wp\/v2\/pages\/1046\/revisions\/1125"}],"wp:attachment":[{"href":"https:\/\/ksgicambodia.com\/kh\/wp-json\/wp\/v2\/media?parent=1046"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}