{"id":693,"date":"2026-02-08T15:51:45","date_gmt":"2026-02-08T12:21:45","guid":{"rendered":"https:\/\/delzhinco.com\/%d8%b1%d8%b3%d8%a7%d9%86%d9%87\/"},"modified":"2026-02-23T11:01:13","modified_gmt":"2026-02-23T07:31:13","slug":"media","status":"publish","type":"page","link":"https:\/\/delzhinco.com\/en\/media\/","title":{"rendered":"media"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"693\" class=\"elementor elementor-693 elementor-581\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6084249 e-con-full e-flex e-con e-parent\" data-id=\"6084249\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-bbba3e0 e-flex e-con-boxed e-con e-child\" data-id=\"bbba3e0\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-92e8268 elementor-widget elementor-widget-html\" data-id=\"92e8268\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* \u0627\u0633\u062a\u0627\u06cc\u0644 \u06a9\u0627\u0646\u062a\u06cc\u0646\u0631 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 *\/\r\n    #canvas-container {\r\n        position: fixed;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100vh;\r\n        z-index: -1; \/* \u0632\u06cc\u0631 \u062a\u0645\u0627\u0645 \u0645\u062d\u062a\u0648\u0627 *\/\r\n        opacity: 0.5;\r\n        pointer-events: none; \/* \u06a9\u0644\u06cc\u06a9\u200c\u0647\u0627 \u0627\u0632 \u0622\u0646 \u0631\u062f \u0634\u0648\u0646\u062f *\/\r\n        background-color: var(--navy-dark); \/* \u0631\u0646\u06af \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 \u0627\u06af\u0631 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0644\u0648\u062f \u0646\u0634\u062f *\/\r\n    }\r\n<\/style>\r\n\r\n<div id=\"canvas-container\"><\/div>\r\n\r\n<script src=\"https:\/\/delzhinco.com\/wp-content\/uploads\/2026\/01\/three.min_.js\"><\/script>\r\n\r\n<script>\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        \/\/ \u0686\u06a9 \u06a9\u0631\u062f\u0646 \u0627\u06cc\u0646\u06a9\u0647 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 \u0644\u0648\u062f \u0634\u062f\u0647 \u0628\u0627\u0634\u062f\r\n        if (typeof THREE === 'undefined') {\r\n            console.error('\u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 Three.js \u0644\u0648\u062f \u0646\u0634\u062f. \u0644\u0637\u0641\u0627 \u0622\u062f\u0631\u0633 \u0641\u0627\u06cc\u0644 \u0631\u0627 \u0628\u0631\u0631\u0633\u06cc \u06a9\u0646\u06cc\u062f.');\r\n            return;\r\n        }\r\n\r\n        const canvasContainer = document.getElementById('canvas-container');\r\n        \r\n        \/\/ \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0635\u062d\u0646\u0647\r\n        const scene = new THREE.Scene();\r\n        \/\/ \u0631\u0646\u06af \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 \u0628\u0627 \u062a\u0645 \u0634\u0645\u0627 \u0647\u0645\u0627\u0647\u0646\u06af \u0634\u062f (#050A14)\r\n        scene.fog = new THREE.FogExp2(0x050A14, 0.002);\r\n\r\n        const camera = new THREE.PerspectiveCamera(75, window.innerWidth \/ window.innerHeight, 0.1, 1000);\r\n        camera.position.z = 15;\r\n        camera.position.y = 5;\r\n\r\n        const renderer = new THREE.WebGLRenderer({ alpha: true, antialias: true });\r\n        renderer.setSize(window.innerWidth, window.innerHeight);\r\n        renderer.setPixelRatio(window.devicePixelRatio);\r\n        canvasContainer.appendChild(renderer.domElement);\r\n\r\n        \/\/ \u0630\u0631\u0627\u062a (Particles)\r\n        const particlesGeometry = new THREE.BufferGeometry();\r\n        const particlesCount = 1800;\r\n        const posArray = new Float32Array(particlesCount * 3);\r\n\r\n        for(let i = 0; i < particlesCount * 3; i++) {\r\n            const phi = Math.acos(-1 + (2 * i) \/ particlesCount);\r\n            const theta = Math.sqrt(particlesCount * Math.PI) * phi;\r\n            const r = 9; \r\n            \r\n            posArray[i*3] = r * Math.cos(theta) * Math.sin(phi);\r\n            posArray[i*3+1] = r * Math.sin(theta) * Math.sin(phi);\r\n            posArray[i*3+2] = r * Math.cos(phi);\r\n        }\r\n\r\n        particlesGeometry.setAttribute('position', new THREE.BufferAttribute(posArray, 3));\r\n        \r\n        \/\/ \u0631\u0646\u06af \u0637\u0644\u0627\u06cc\u06cc \u0628\u0631\u0646\u062f (#C09C60)\r\n        const particlesMaterial = new THREE.PointsMaterial({ \r\n            size: 0.04, \r\n            color: 0xC09C60, \r\n            transparent: true, \r\n            opacity: 0.6 \r\n        });\r\n        \r\n        const particlesMesh = new THREE.Points(particlesGeometry, particlesMaterial);\r\n        scene.add(particlesMesh);\r\n\r\n        \/\/ \u062d\u0644\u0642\u0647\u200c\u0647\u0627\r\n        const lineMaterial = new THREE.LineBasicMaterial({ color: 0x6B7280, transparent: true, opacity: 0.1 });\r\n        for(let j=0; j<6; j++) {\r\n            const ringGeo = new THREE.TorusGeometry(9.2 + (j*0.6), 0.02, 32, 100);\r\n            const ringMesh = new THREE.Mesh(ringGeo, lineMaterial);\r\n            ringMesh.rotation.x = Math.random() * Math.PI;\r\n            ringMesh.rotation.y = Math.random() * Math.PI;\r\n            scene.add(ringMesh);\r\n        }\r\n\r\n        \/\/ \u062a\u0639\u0627\u0645\u0644 \u0628\u0627 \u0645\u0648\u0633\r\n        let mouseX = 0; let mouseY = 0; let targetX = 0; let targetY = 0;\r\n        const windowHalfX = window.innerWidth \/ 2;\r\n        const windowHalfY = window.innerHeight \/ 2;\r\n\r\n        document.addEventListener('mousemove', (event) => {\r\n            mouseX = (event.clientX - windowHalfX);\r\n            mouseY = (event.clientY - windowHalfY);\r\n        });\r\n\r\n        \/\/ \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0644\u0648\u067e\r\n        const clock = new THREE.Clock();\r\n        function animate() {\r\n            requestAnimationFrame(animate);\r\n\r\n            targetX = mouseX * 0.0005;\r\n            targetY = mouseY * 0.0005;\r\n\r\n            particlesMesh.rotation.y += 0.001;\r\n            particlesMesh.rotation.x += 0.0002;\r\n\r\n            particlesMesh.rotation.y += 0.05 * (targetX - particlesMesh.rotation.y);\r\n            particlesMesh.rotation.x += 0.05 * (targetY - particlesMesh.rotation.x);\r\n\r\n            scene.children.forEach(child => {\r\n                if(child.type === 'Mesh') {\r\n                    child.rotation.x += 0.001;\r\n                    child.rotation.y += 0.001;\r\n                }\r\n            });\r\n\r\n            renderer.render(scene, camera);\r\n        }\r\n\r\n        animate();\r\n\r\n        \/\/ \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648\r\n        window.addEventListener('resize', () => {\r\n            camera.aspect = window.innerWidth \/ window.innerHeight;\r\n            camera.updateProjectionMatrix();\r\n            renderer.setSize(window.innerWidth, window.innerHeight);\r\n        });\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d1f698f elementor-widget elementor-widget-html\" data-id=\"d1f698f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* Color Variables and Base Settings *\/\r\n    :root {\r\n        --gold: #C09C60;\r\n        --gold-light: #e0cca3;\r\n        --navy-dark: #050A14;\r\n        --font-eng: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n    }\r\n\r\n    .contact-hero-wrapper {\r\n        font-family: var(--font-eng);\r\n        direction: ltr; \/* Changed to LTR *\/\r\n        position: relative;\r\n        overflow: hidden;\r\n        padding-top: 128px; \/* pt-32 *\/\r\n        padding-bottom: 64px; \/* pb-16 *\/\r\n        background-color: var(--navy-dark); \/* Background *\/\r\n        text-align: center;\r\n    }\r\n\r\n    .container-hero {\r\n        max-width: 1280px;\r\n        margin: 0 auto;\r\n        padding: 0 16px;\r\n        position: relative;\r\n        z-index: 10;\r\n    }\r\n\r\n    \/* Badge Styles *\/\r\n    .hero-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        margin-bottom: 24px;\r\n        padding: 6px 16px;\r\n        border-radius: 9999px;\r\n        border: 1px solid rgba(192, 156, 96, 0.3);\r\n        background: rgba(192, 156, 96, 0.1);\r\n        backdrop-filter: blur(12px);\r\n        -webkit-backdrop-filter: blur(12px);\r\n        box-shadow: 0 0 20px rgba(192, 156, 96, 0.1);\r\n    }\r\n\r\n    .dot-pulse {\r\n        width: 8px;\r\n        height: 8px;\r\n        border-radius: 50%;\r\n        background-color: var(--gold);\r\n        animation: pulse-animation 2s infinite;\r\n    }\r\n\r\n    .badge-label {\r\n        color: var(--gold);\r\n        font-size: 12px;\r\n        font-weight: bold;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    \/* Title and Gradient *\/\r\n    .hero-title {\r\n        color: white;\r\n        font-weight: 900;\r\n        line-height: 1.2;\r\n        margin-bottom: 24px;\r\n        font-size: 36px; \/* Mobile *\/\r\n        letter-spacing: -0.025em;\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n        .hero-title { font-size: 60px; }\r\n    }\r\n    @media (min-width: 1024px) {\r\n        .hero-title { font-size: 72px; }\r\n    }\r\n\r\n    .text-gradient-gold {\r\n        background: linear-gradient(to right, var(--gold-light), var(--gold));\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        display: inline-block;\r\n    }\r\n\r\n    .glow-text {\r\n        text-shadow: 0 0 30px rgba(192, 156, 96, 0.5);\r\n    }\r\n\r\n    \/* Background Light Blob *\/\r\n    .bg-light-blob {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 400px;\r\n        height: 400px;\r\n        background-color: var(--gold);\r\n        border-radius: 50%;\r\n        filter: blur(120px);\r\n        opacity: 0.1;\r\n        pointer-events: none;\r\n        z-index: 0;\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n        .bg-light-blob {\r\n            width: 600px;\r\n            height: 600px;\r\n            filter: blur(150px);\r\n        }\r\n    }\r\n\r\n    \/* Animations *\/\r\n    .fade-in-down {\r\n        animation: fadeInDown 0.8s ease-out;\r\n    }\r\n    \r\n    .fade-in-up {\r\n        animation: fadeInUp 0.8s ease-out backwards;\r\n    }\r\n\r\n    @keyframes fadeInUp {\r\n        from { opacity: 0; transform: translateY(20px); }\r\n        to { opacity: 1; transform: translateY(0); }\r\n    }\r\n    \r\n    @keyframes fadeInDown {\r\n        from { opacity: 0; transform: translateY(-20px); }\r\n        to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    @keyframes pulse-animation {\r\n        0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(192, 156, 96, 0.7); }\r\n        70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(192, 156, 96, 0); }\r\n        100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(192, 156, 96, 0); }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"contact-hero-wrapper\">\r\n    <div class=\"container-hero\">\r\n        <div class=\"hero-badge fade-in-down\">\r\n            <span class=\"dot-pulse\"><\/span>\r\n            <span class=\"badge-label\">Delzhin Video Media<\/span>\r\n        <\/div>\r\n        \r\n        <h1 class=\"hero-title fade-in-up\" style=\"animation-delay: 0.2s;\">\r\n            Delzhin <span class=\"text-gradient-gold glow-text\">Tutorials & Guides<\/span>\r\n        <\/h1>\r\n    <\/div>\r\n    <div class=\"bg-light-blob\"><\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2e5c228 e-con-full e-flex e-con e-parent\" data-id=\"2e5c228\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-39fd564 elementor-widget elementor-widget-html\" data-id=\"39fd564\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* =========================================\r\n       RESET & BASE STYLES\r\n       ========================================= *\/\r\n    *, *::before, *::after {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    :root {\r\n        --gold: #C09C60;\r\n        --navy-dark: #050A14;\r\n        --text-white: #ffffff;\r\n        --text-gray: #9ca3af; \/* gray-400 *\/\r\n    }\r\n\r\n    \/* =========================================\r\n       LAYOUT STYLES (English - LTR)\r\n       ========================================= *\/\r\n    .video-gallery-wrapper {\r\n        font-family: 'Inter', 'Segoe UI', Roboto, sans-serif; \/* English optimized fonts *\/\r\n        direction: ltr; \/* Changed to Left-to-Right *\/\r\n        position: relative;\r\n        z-index: 10;\r\n        color: var(--text-white);\r\n        padding: 6rem 0; \/* py-24 equivalent *\/\r\n        width: 100%;\r\n    }\r\n\r\n    .gallery-container {\r\n        max-width: 1280px; \/* max-w-7xl equivalent *\/\r\n        margin: 0 auto;\r\n        padding: 0 1rem; \/* px-4 equivalent *\/\r\n    }\r\n\r\n    \/* Section Header *\/\r\n    .gallery-header {\r\n        text-align: center;\r\n        margin-bottom: 4rem; \/* mb-16 equivalent *\/\r\n    }\r\n\r\n    .gallery-title {\r\n        font-size: 1.875rem; \/* text-3xl *\/\r\n        font-weight: 700;\r\n        color: var(--text-white);\r\n        margin-bottom: 1rem;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    .gallery-desc {\r\n        color: var(--text-gray);\r\n        font-size: 1.125rem; \/* text-lg *\/\r\n        font-weight: 300;\r\n    }\r\n\r\n    \/* Responsive Title *\/\r\n    @media (min-width: 768px) {\r\n        .gallery-title {\r\n            font-size: 3rem; \/* text-5xl *\/\r\n        }\r\n    }\r\n\r\n    \/* Video Grid *\/\r\n    .video-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr); \/* 2 columns on mobile *\/\r\n        gap: 1.5rem; \/* gap-6 equivalent *\/\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n        .video-grid {\r\n            grid-template-columns: repeat(4, 1fr); \/* 4 columns on desktop *\/\r\n        }\r\n    }\r\n\r\n    \/* =========================================\r\n       VIDEO CARD STYLES\r\n       ========================================= *\/\r\n    .video-item {\r\n        position: relative;\r\n        overflow: hidden;\r\n        border-radius: 20px;\r\n        border: 1px solid rgba(255,255,255,0.1);\r\n        box-shadow: 0 15px 40px rgba(0,0,0,0.4);\r\n        cursor: pointer;\r\n        aspect-ratio: 9\/16;\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    video.video-thumb {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        filter: brightness(0.8);\r\n        transition: transform 0.6s ease, filter 0.4s ease;\r\n        display: block;\r\n    }\r\n\r\n    .video-item:hover video.video-thumb {\r\n        transform: scale(1.1);\r\n        filter: brightness(1);\r\n    }\r\n\r\n    \/* Play Button Overlay *\/\r\n    .play-overlay {\r\n        position: absolute;\r\n        inset: 0;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .play-circle {\r\n        width: 60px;\r\n        height: 60px;\r\n        border-radius: 50%;\r\n        background: rgba(255,255,255,0.15);\r\n        backdrop-filter: blur(8px);\r\n        border: 1px solid rgba(255,255,255,0.3);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        transition: all 0.3s ease;\r\n        z-index: 20;\r\n        pointer-events: auto;\r\n    }\r\n\r\n    .play-circle svg {\r\n        width: 24px;\r\n        height: 24px;\r\n        fill: white;\r\n        stroke: white;\r\n    }\r\n\r\n    .video-item.playing .play-circle {\r\n        opacity: 0;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .video-item:hover .play-circle {\r\n        background: var(--gold);\r\n        transform: scale(1.15);\r\n        box-shadow: 0 0 20px rgba(192,156,96,0.5);\r\n        border-color: var(--gold);\r\n    }\r\n\r\n    \/* Video Info Footer *\/\r\n    .video-info {\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n        right: 0;\r\n        padding: 1.25rem; \/* p-5 *\/\r\n        background: linear-gradient(to top, rgba(5,10,20,0.9), transparent);\r\n        padding-top: 80px;\r\n        z-index: 20;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .video-title {\r\n        font-weight: bold;\r\n        font-size: 0.875rem; \/* text-sm *\/\r\n        color: white;\r\n        text-align: left; \/* Changed from Right to Left *\/\r\n    }\r\n<\/style>\r\n\r\n<section class=\"video-gallery-wrapper\">\r\n    <div class=\"gallery-container\">\r\n        \r\n        <div class=\"gallery-header\">\r\n            <h2 class=\"gallery-title\">Video <span style=\"color: var(--gold);\">Gallery<\/span><\/h2>\r\n            <p class=\"gallery-desc\">A narrative of our group's lasting moments and events<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"video-grid\">\r\n            \r\n            <div class=\"video-item\" data-video>\r\n                <video src=\"https:\/\/delzhinco.com\/wp-content\/uploads\/2026\/01\/sina-arechtype_5.mp4\" class=\"video-thumb\" muted playsinline preload=\"metadata\"><\/video>\r\n                <div class=\"play-overlay\">\r\n                    <div class=\"play-circle\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <polygon points=\"5 3 19 12 5 21 5 3\"><\/polygon>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"video-info\">\r\n                    <p class=\"video-title\">Shipping Insights<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"video-item\" data-video>\r\n                <video src=\"https:\/\/delzhinco.com\/wp-content\/uploads\/2026\/01\/delzhin2.mov\" class=\"video-thumb\" muted playsinline preload=\"metadata\"><\/video>\r\n                <div class=\"play-overlay\">\r\n                    <div class=\"play-circle\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <polygon points=\"5 3 19 12 5 21 5 3\"><\/polygon>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"video-info\">\r\n                    <p class=\"video-title\">Maritime Logistics<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"video-item\" data-video>\r\n                <video src=\"https:\/\/delzhinco.com\/wp-content\/uploads\/2026\/01\/IMG_1170.mov\" class=\"video-thumb\" muted playsinline preload=\"metadata\"><\/video>\r\n                <div class=\"play-overlay\">\r\n                    <div class=\"play-circle\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <polygon points=\"5 3 19 12 5 21 5 3\"><\/polygon>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"video-info\">\r\n                    <p class=\"video-title\">Snapback Overview<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"video-item\" data-video>\r\n                <video src=\"https:\/\/delzhinco.com\/wp-content\/uploads\/2026\/01\/sina-arechtype_5.mp4\" class=\"video-thumb\" muted playsinline preload=\"metadata\"><\/video>\r\n                <div class=\"play-overlay\">\r\n                    <div class=\"play-circle\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <polygon points=\"5 3 19 12 5 21 5 3\"><\/polygon>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"video-info\">\r\n                    <p class=\"video-title\">Product Handling Tips<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    const items = document.querySelectorAll('[data-video]');\r\n\r\n    items.forEach(item => {\r\n        const video = item.querySelector('video');\r\n\r\n        item.addEventListener('click', () => {\r\n            \/\/ Stop other videos\r\n            items.forEach(i => {\r\n                if (i !== item) {\r\n                    const v = i.querySelector('video');\r\n                    i.classList.remove('playing');\r\n                    v.pause();\r\n                    v.currentTime = 0;\r\n                    v.muted = true;\r\n                }\r\n            });\r\n\r\n            if (video.paused) {\r\n                video.muted = false;  \r\n                video.volume = 1;\r\n                video.play();\r\n                item.classList.add('playing');\r\n            } else {\r\n                video.pause();\r\n                item.classList.remove('playing');\r\n            }\r\n        });\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Delzhin Video Media Delzhin Tutorials &#038; Guides Video Gallery A narrative of our group&#8217;s lasting moments and events Shipping Insights Maritime Logistics Snapback Overview Product Handling Tips<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-693","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/delzhinco.com\/en\/wp-json\/wp\/v2\/pages\/693","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/delzhinco.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/delzhinco.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/delzhinco.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/delzhinco.com\/en\/wp-json\/wp\/v2\/comments?post=693"}],"version-history":[{"count":5,"href":"https:\/\/delzhinco.com\/en\/wp-json\/wp\/v2\/pages\/693\/revisions"}],"predecessor-version":[{"id":720,"href":"https:\/\/delzhinco.com\/en\/wp-json\/wp\/v2\/pages\/693\/revisions\/720"}],"wp:attachment":[{"href":"https:\/\/delzhinco.com\/en\/wp-json\/wp\/v2\/media?parent=693"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}