{"id":90,"date":"2026-06-29T02:13:42","date_gmt":"2026-06-29T02:13:42","guid":{"rendered":"https:\/\/news.payap.ac.th\/site\/?page_id=90"},"modified":"2026-07-15T16:58:08","modified_gmt":"2026-07-15T16:58:08","slug":"%e0%b8%a0%e0%b8%b2%e0%b8%9e%e0%b8%81%e0%b8%b4%e0%b8%88%e0%b8%81%e0%b8%a3%e0%b8%a3%e0%b8%a1","status":"publish","type":"page","link":"https:\/\/news.payap.ac.th\/site\/?page_id=90","title":{"rendered":"VIDEO SHOWCASE"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"90\" class=\"elementor elementor-90\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0962b88 e-con e-atomic-element e-flexbox-base e-e7336c1 \" data-id=\"0962b88\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"0962b88\">\n    \t\t<div class=\"elementor-element elementor-element-5f50d12 elementor-widget elementor-widget-html\" data-id=\"5f50d12\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n\r\n<!-- \u0e42\u0e2b\u0e25\u0e14\u0e1f\u0e2d\u0e19\u0e15\u0e4c IBM Plex Sans Thai \u0e41\u0e25\u0e30 Inter \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e2b\u0e23\u0e39\u0e2b\u0e23\u0e32\u0e04\u0e21\u0e0a\u0e31\u0e14\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=IBM+Plex+Sans+Thai:wght@400;500;600;700;800&family=Inter:wght@400;600;700;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* \u0e02\u0e08\u0e31\u0e14\u0e02\u0e2d\u0e1a\u0e02\u0e32\u0e27\u0e23\u0e2d\u0e1a\u0e15\u0e31\u0e27\u0e1a\u0e23\u0e32\u0e27\u0e4c\u0e40\u0e0b\u0e2d\u0e23\u0e4c\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e40\u0e15\u0e47\u0e21\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d *\/\r\n    html, body {\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        width: 100% !important;\r\n        background-color: #060a13;\r\n    }\r\n\r\n    \/* \u0e1a\u0e31\u0e07\u0e04\u0e31\u0e1a\u0e04\u0e38\u0e21\u0e1f\u0e2d\u0e19\u0e15\u0e4c\u0e41\u0e1a\u0e1a\u0e44\u0e23\u0e49\u0e2b\u0e31\u0e27\u0e2a\u0e38\u0e14\u0e2b\u0e23\u0e39\u0e2b\u0e23\u0e32 *\/\r\n    .omoc-theater-section,\r\n    .omoc-theater-section * {\r\n        font-family: 'IBM Plex Sans Thai', 'Inter', sans-serif !important;\r\n    }\r\n\r\n    \/* \u0e40\u0e17\u0e04\u0e19\u0e34\u0e04\u0e01\u0e32\u0e07\u0e02\u0e22\u0e32\u0e22\u0e04\u0e27\u0e32\u0e21\u0e01\u0e27\u0e49\u0e32\u0e07\u0e40\u0e15\u0e47\u0e21\u0e08\u0e2d 100% \u0e17\u0e30\u0e25\u0e38\u0e01\u0e23\u0e2d\u0e1a\u0e14\u0e49\u0e32\u0e19\u0e02\u0e49\u0e32\u0e07 Elementor *\/\r\n    .omoc-theater-section {\r\n        width: 100vw;\r\n        position: relative;\r\n        left: 50%;\r\n        right: 50%;\r\n        margin-left: -50vw;\r\n        margin-right: -50vw;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* \ud83d\udee1\ufe0f \u0e40\u0e17\u0e04\u0e19\u0e34\u0e04 Cinematic Bottom Bleed \u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e02\u0e2d\u0e1a\u0e2a\u0e35\u0e02\u0e32\u0e27\u0e02\u0e2d\u0e07\u0e18\u0e35\u0e21\u0e2b\u0e25\u0e31\u0e01\u0e42\u0e1c\u0e25\u0e48\u0e17\u0e35\u0e48\u0e02\u0e2d\u0e1a\u0e25\u0e48\u0e32\u0e07 *\/\r\n    .omoc-theater-section::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: -120px;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 125px;\r\n        background-color: #060a13;\r\n        z-index: -1;\r\n        pointer-events: none;\r\n    }\r\n\r\n    \/* \u0e40\u0e2d\u0e1f\u0e40\u0e1f\u0e01\u0e15\u0e4c\u0e41\u0e2a\u0e07\u0e2a\u0e48\u0e2d\u0e07\u0e40\u0e23\u0e37\u0e2d\u0e07\u0e2b\u0e25\u0e31\u0e07\u0e40\u0e27\u0e17\u0e35 *\/\r\n    .ambient-glow-blue {\r\n        filter: blur(140px);\r\n        background: radial-gradient(circle, rgba(1, 115, 187, 0.15) 0%, transparent 70%);\r\n    }\r\n    .ambient-glow-gold {\r\n        filter: blur(140px);\r\n        background: radial-gradient(circle, rgba(224, 173, 49, 0.1) 0%, transparent 70%);\r\n    }\r\n\r\n    \/* \u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07 Scrollbar \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e40\u0e1a\u0e23\u0e32\u0e27\u0e4c\u0e40\u0e0b\u0e2d\u0e23\u0e4c *\/\r\n    ::-webkit-scrollbar {\r\n        width: 8px;\r\n    }\r\n    ::-webkit-scrollbar-track {\r\n        background: #060a13;\r\n    }\r\n    ::-webkit-scrollbar-thumb {\r\n        background: rgba(255, 255, 255, 0.12);\r\n        border-radius: 99px;\r\n    }\r\n    ::-webkit-scrollbar-thumb:hover {\r\n        background: #E0AD31;\r\n    }\r\n\r\n    \/* \u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e01\u0e32\u0e23\u0e40\u0e1b\u0e34\u0e14\u0e15\u0e31\u0e27 Lightbox *\/\r\n    .lightbox-backdrop {\r\n        transition: opacity 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n        will-change: opacity;\r\n    }\r\n    .lightbox-content {\r\n        transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n        will-change: transform, opacity;\r\n    }\r\n<\/style>\r\n\r\n<div class=\"omoc-theater-section bg-[#060a13] text-white relative min-h-screen py-6 overflow-hidden\">\r\n    \r\n    <!-- \u0e09\u0e32\u0e01\u0e41\u0e2a\u0e07\u0e44\u0e1f\u0e2a\u0e48\u0e2d\u0e07\u0e2a\u0e27\u0e48\u0e32\u0e07\u0e2a\u0e30\u0e17\u0e49\u0e2d\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e08\u0e2d\u0e21\u0e37\u0e14 (Ambient Glowing BG) -->\r\n    <div class=\"absolute top-1\/4 left-1\/4 w-[600px] h-[600px] ambient-glow-blue pointer-events-none z-0\"><\/div>\r\n    <div class=\"absolute bottom-1\/4 right-1\/4 w-[600px] h-[600px] ambient-glow-gold pointer-events-none z-0\"><\/div>\r\n\r\n    <!-- \u0e15\u0e39\u0e49\u0e04\u0e23\u0e2d\u0e1a\u0e15\u0e32\u0e23\u0e32\u0e07\u0e1e\u0e23\u0e35\u0e27\u0e34\u0e27\u0e44\u0e23\u0e49\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e02\u0e19\u0e32\u0e14\u0e22\u0e32\u0e27\u0e1e\u0e34\u0e40\u0e28\u0e29\u0e01\u0e32\u0e07\u0e0a\u0e34\u0e14\u0e02\u0e2d\u0e1a\u0e08\u0e2d -->\r\n    <div class=\"w-full max-w-[96vw] mx-auto px-2 relative z-10 box-border flex flex-col justify-start\">\r\n\r\n        <!-- \u0e15\u0e32\u0e23\u0e32\u0e07\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e07\u0e32\u0e19\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d (Grid of Pure Thumbnails) -->\r\n        <div id=\"videoGridContainer\" class=\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-4\">\r\n            <!-- \u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e04\u0e25\u0e34\u0e1b\u0e1b\u0e01\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\u0e08\u0e30\u0e16\u0e39\u0e01\u0e14\u0e36\u0e07\u0e21\u0e32\u0e40\u0e23\u0e19\u0e40\u0e14\u0e2d\u0e23\u0e4c\u0e15\u0e23\u0e07\u0e19\u0e35\u0e49\u0e42\u0e14\u0e22 JavaScript -->\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- ======================================================== -->\r\n<!-- \u0e42\u0e23\u0e07\u0e25\u0e30\u0e04\u0e23\u0e25\u0e2d\u0e22\u0e15\u0e31\u0e27\u0e20\u0e32\u0e1e\u0e22\u0e19\u0e15\u0e23\u0e4c\u0e1e\u0e23\u0e35\u0e40\u0e21\u0e35\u0e22\u0e21 (Cinematic Lightbox Modal) -->\r\n<!-- ======================================================== -->\r\n<div id=\"omocLightbox\" class=\"fixed inset-0 z-[99999] flex items-center justify-center bg-black\/85 backdrop-blur-md hidden opacity-0 lightbox-backdrop\" onclick=\"closeLightbox()\">\r\n    \r\n    <!-- \u0e1b\u0e38\u0e48\u0e21\u0e1b\u0e34\u0e14\u0e42\u0e23\u0e07\u0e25\u0e30\u0e04\u0e23 (\u0e25\u0e2d\u0e22\u0e2d\u0e22\u0e39\u0e48\u0e14\u0e49\u0e32\u0e19\u0e1a\u0e19\u0e02\u0e27\u0e32) -->\r\n    <button class=\"absolute top-6 right-6 w-12 h-12 rounded-full bg-white\/10 hover:bg-[#E0AD31] text-white hover:text-black flex items-center justify-center transition-all duration-300 shadow-lg\" onclick=\"closeLightbox()\">\r\n        <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\"\/>\r\n        <\/svg>\r\n    <\/button>\r\n\r\n    <!-- \u0e01\u0e23\u0e2d\u0e1a\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e40\u0e25\u0e48\u0e19\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e25\u0e47\u0e2d\u0e01\u0e2a\u0e31\u0e14\u0e2a\u0e48\u0e27\u0e19 16:9 -->\r\n    <div class=\"w-full max-w-5xl px-4 lightbox-content scale-95 opacity-0\" onclick=\"event.stopPropagation()\">\r\n        <div class=\"relative w-full rounded-[2.5rem] overflow-hidden bg-black\/90 border border-white\/10 shadow-[0_30px_70px_rgba(0,0,0,0.8)]\">\r\n            <div class=\"aspect-video w-full\">\r\n                <iframe \r\n                    id=\"lightboxPlayer\" \r\n                    class=\"w-full h-full\"\r\n                    src=\"\" \r\n                    title=\"YouTube video player\" \r\n                    frameborder=\"0\" \r\n                    allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" \r\n                    referrerpolicy=\"strict-origin-when-cross-origin\" \r\n                    allowfullscreen>\r\n                <\/iframe>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    \/\/ \u0e15\u0e32\u0e23\u0e32\u0e07\u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e1c\u0e25\u0e07\u0e32\u0e19\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d YouTube \u0e17\u0e31\u0e49\u0e07 9 \u0e04\u0e25\u0e34\u0e1b (\u0e19\u0e33\u0e15\u0e31\u0e27\u0e41\u0e23\u0e01\u0e17\u0e35\u0e48\u0e0b\u0e49\u0e33\u0e2d\u0e2d\u0e01\u0e41\u0e25\u0e30\u0e40\u0e23\u0e35\u0e22\u0e07\u0e25\u0e33\u0e14\u0e31\u0e1a id \u0e43\u0e2b\u0e21\u0e48)\r\n    const videoData = [\r\n        { id: 1, youtubeId: \"c7lWJN_ZEHU\" },\r\n        { id: 2, youtubeId: \"6IbUqnT6z2U\" },\r\n        { id: 3, youtubeId: \"RAHq3PWSsEQ\" },\r\n        { id: 4, youtubeId: \"E1NvDot6FqM\" },\r\n        { id: 5, youtubeId: \"k5zSdpseNNY\" },\r\n        { id: 6, youtubeId: \"RV9pKVLiWFQ\" },\r\n        { id: 7, youtubeId: \"rHVOF6M9QW4\" },\r\n        { id: 8, youtubeId: \"wZQQcTT38hs\" },\r\n        { id: 9, youtubeId: \"8YrmoFULpiY\" },\r\n        { id: 10, youtubeId: \"WJLWRMhNSwU\" },\r\n        { id: 11, youtubeId: \"UL-b5vgadq0\" },\r\n        { id: 12, youtubeId: \"pvmftzQBh4s\" },\r\n        { id: 13, youtubeId: \"fJC-rsdShyE\" },\r\n        { id: 14, youtubeId: \"0sBaoQbPHXo\" },\r\n        { id: 15, youtubeId: \"F3mOoduUzJw\" }\r\n    ];\r\n\r\n    \/\/ \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e2a\u0e31\u0e48\u0e07\u0e40\u0e23\u0e19\u0e40\u0e14\u0e2d\u0e23\u0e4c\u0e15\u0e32\u0e23\u0e32\u0e07\u0e1c\u0e25\u0e07\u0e32\u0e19\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e1b\u0e01 (Strictly Only Thumbnails Grid)\r\n    function renderVideoGrid() {\r\n        const grid = document.getElementById('videoGridContainer');\r\n        if (!grid) return;\r\n        \r\n        grid.innerHTML = '';\r\n\r\n        videoData.forEach(video => {\r\n            const thumbUrl = `https:\/\/img.youtube.com\/vi\/${video.youtubeId}\/mqdefault.jpg`;\r\n            const cardHtml = `\r\n                <div \r\n                    class=\"group relative bg-slate-950 border border-white\/5 rounded-2xl overflow-hidden hover:border-[#E0AD31]\/30 hover:shadow-[0_15px_30px_rgba(224,173,49,0.1)] hover:-translate-y-1 transition-all duration-300 aspect-[16\/10] cursor-pointer\"\r\n                    onclick=\"openLightbox(${video.id})\"\r\n                >\r\n                    <!-- \u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e Thumbnail \u0e2b\u0e19\u0e49\u0e32\u0e1b\u0e01\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d YouTube \u0e14\u0e36\u0e07\u0e40\u0e15\u0e47\u0e21\u0e01\u0e25\u0e48\u0e2d\u0e07\u0e1e\u0e2d\u0e14\u0e35 -->\r\n                    <img decoding=\"async\" src=\"${thumbUrl}\" alt=\"YouTube Thumbnail Portfolio\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\">\r\n                    \r\n                    <!-- \u0e44\u0e2d\u0e04\u0e2d\u0e19 Play \u0e1b\u0e38\u0e48\u0e21\u0e2a\u0e35\u0e17\u0e2d\u0e07\u0e17\u0e35\u0e48\u0e08\u0e30\u0e40\u0e1f\u0e14\u0e2d\u0e34\u0e19\u0e1b\u0e23\u0e32\u0e01\u0e0f\u0e15\u0e2d\u0e19\u0e40\u0e21\u0e32\u0e2a\u0e4c\u0e0a\u0e35\u0e49\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e1e\u0e23\u0e35\u0e40\u0e21\u0e35\u0e22\u0e21 -->\r\n                    <div class=\"absolute inset-0 bg-black\/40 opacity-0 group-hover:opacity-100 flex items-center justify-center transition-opacity duration-300\">\r\n                        <div class=\"w-12 h-12 rounded-full bg-[#E0AD31] text-white flex items-center justify-center shadow-lg transform scale-90 group-hover:scale-100 transition-transform duration-300\">\r\n                            <svg class=\"w-5 h-5 fill-current ml-0.5 text-black\" viewBox=\"0 0 24 24\">\r\n                                <path d=\"M8 5v14l11-7z\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            `;\r\n            grid.insertAdjacentHTML('beforeend', cardHtml);\r\n        });\r\n    }\r\n\r\n    \/\/ \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e2a\u0e31\u0e48\u0e07\u0e40\u0e1b\u0e34\u0e14\u0e42\u0e23\u0e07\u0e25\u0e30\u0e04\u0e23\u0e40\u0e25\u0e48\u0e19\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\u0e41\u0e1a\u0e1a\u0e25\u0e2d\u0e22\u0e15\u0e31\u0e27 (Open Lightbox)\r\n    function openLightbox(videoId) {\r\n        const video = videoData.find(v => v.id === videoId);\r\n        if (!video) return;\r\n\r\n        const lightbox = document.getElementById('omocLightbox');\r\n        const player = document.getElementById('lightboxPlayer');\r\n        const content = lightbox.querySelector('.lightbox-content');\r\n\r\n        \/\/ \u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15\u0e25\u0e34\u0e07\u0e01\u0e4c YouTube Iframe \u0e43\u0e2b\u0e49\u0e09\u0e32\u0e22\u0e41\u0e25\u0e30 Autoplay \u0e17\u0e31\u0e19\u0e17\u0e35\r\n        player.src = `https:\/\/www.youtube.com\/embed\/${video.youtubeId}?autoplay=1&rel=0&enablejsapi=1`;\r\n\r\n        \/\/ \u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25 Lightbox \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e41\u0e2d\u0e19\u0e34\u0e40\u0e21\u0e0a\u0e31\u0e19 Zoom-In \u0e41\u0e2a\u0e19\u0e19\u0e38\u0e48\u0e21\u0e19\u0e27\u0e25\r\n        lightbox.classList.remove('hidden');\r\n        setTimeout(() => {\r\n            lightbox.classList.add('opacity-100');\r\n            content.classList.remove('scale-95', 'opacity-0');\r\n            content.classList.add('scale-100', 'opacity-100');\r\n        }, 10);\r\n    }\r\n\r\n    \/\/ \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e2a\u0e31\u0e48\u0e07\u0e1b\u0e34\u0e14\u0e42\u0e23\u0e07\u0e25\u0e30\u0e04\u0e23\u0e25\u0e2d\u0e22\u0e15\u0e31\u0e27\u0e41\u0e25\u0e30\u0e2b\u0e22\u0e38\u0e14\u0e40\u0e25\u0e48\u0e19\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\u0e17\u0e31\u0e19\u0e17\u0e35 (Close Lightbox)\r\n    function closeLightbox() {\r\n        const lightbox = document.getElementById('omocLightbox');\r\n        const player = document.getElementById('lightboxPlayer');\r\n        const content = lightbox.querySelector('.lightbox-content');\r\n\r\n        \/\/ \u0e40\u0e1f\u0e14\u0e40\u0e2d\u0e32\u0e17\u0e4c\u0e41\u0e2d\u0e19\u0e34\u0e40\u0e21\u0e0a\u0e31\u0e19\u0e01\u0e25\u0e31\u0e1a\u0e44\u0e1b\u0e08\u0e38\u0e14\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\r\n        lightbox.classList.remove('opacity-100');\r\n        content.classList.remove('scale-100', 'opacity-100');\r\n        content.classList.add('scale-95', 'opacity-0');\r\n\r\n        setTimeout(() => {\r\n            \/\/ \u0e2a\u0e31\u0e48\u0e07\u0e25\u0e49\u0e32\u0e07\u0e25\u0e34\u0e07\u0e01\u0e4c src \u0e17\u0e34\u0e49\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e44\u0e21\u0e48\u0e43\u0e2b\u0e49\u0e21\u0e35\u0e40\u0e2a\u0e35\u0e22\u0e07\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\u0e14\u0e31\u0e07\u0e04\u0e49\u0e32\u0e07\u0e2b\u0e25\u0e31\u0e07\u0e08\u0e32\u0e01\u0e1b\u0e34\u0e14\u0e42\u0e23\u0e07\u0e25\u0e30\u0e04\u0e23\r\n            player.src = '';\r\n            lightbox.classList.add('hidden');\r\n        }, 400);\r\n    }\r\n\r\n    \/\/ \u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23\u0e40\u0e23\u0e19\u0e40\u0e14\u0e2d\u0e23\u0e4c\u0e15\u0e32\u0e23\u0e32\u0e07\u0e20\u0e32\u0e1e\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e42\u0e2b\u0e25\u0e14\u0e2b\u0e19\u0e49\u0e32\u0e41\u0e23\u0e01\r\n    document.addEventListener('DOMContentLoaded', () => {\r\n        renderVideoGrid();\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\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":"elementor_canvas","meta":{"inspiro_hide_title":false,"inspiro_hide_featured_image":false,"footnotes":""},"class_list":["post-90","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/news.payap.ac.th\/site\/index.php?rest_route=\/wp\/v2\/pages\/90","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/news.payap.ac.th\/site\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/news.payap.ac.th\/site\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/news.payap.ac.th\/site\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/news.payap.ac.th\/site\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=90"}],"version-history":[{"count":28,"href":"https:\/\/news.payap.ac.th\/site\/index.php?rest_route=\/wp\/v2\/pages\/90\/revisions"}],"predecessor-version":[{"id":753,"href":"https:\/\/news.payap.ac.th\/site\/index.php?rest_route=\/wp\/v2\/pages\/90\/revisions\/753"}],"wp:attachment":[{"href":"https:\/\/news.payap.ac.th\/site\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=90"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}