{"id":705,"date":"2026-09-02T08:49:28","date_gmt":"2026-09-02T06:49:28","guid":{"rendered":"https:\/\/hamarrichardmedia.hu\/?page_id=705"},"modified":"2026-09-16T10:38:07","modified_gmt":"2026-09-16T08:38:07","slug":"videos","status":"publish","type":"page","link":"https:\/\/hamarrichardmedia.hu\/en\/referenciak\/videos\/","title":{"rendered":"Videos"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"705\" class=\"elementor elementor-705\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2dafca0 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"2dafca0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;background_motion_fx_motion_fx_mouse&quot;:&quot;yes&quot;,&quot;background_motion_fx_mouseTrack_effect&quot;:&quot;yes&quot;,&quot;background_motion_fx_mouseTrack_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0.1,&quot;sizes&quot;:[]},&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7dc9a77 elementor-widget elementor-widget-heading\" data-id=\"7dc9a77\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">vide\u00f3s referenci\u00e1k<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-537d780 elementor-widget elementor-widget-text-editor\" data-id=\"537d780\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>N\u00e9zz k\u00f6rbe munk\u00e1im k\u00f6z\u00f6tt<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-11b18f0 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"11b18f0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-02a1609 elementor-widget elementor-widget-html\" data-id=\"02a1609\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"hr-video-gallery\">\n\n    <!-- KATEG\u00d3RI\u00c1K -->\n    <div class=\"hr-video-filters\">\n\n        <button class=\"hr-filter active\" data-filter=\"all\">\n            \u00d6SSZES\n        <\/button>\n\n        <button class=\"hr-filter\" data-filter=\"thermalion\">\n            THERMALION\n        <\/button>\n\n        <button class=\"hr-filter\" data-filter=\"tiktok\">\n            TIKTOK\n        <\/button>\n\n        <button class=\"hr-filter\" data-filter=\"aquaboost\">\n            AQUABOOST\n        <\/button>\n\n        <button class=\"hr-filter\" data-filter=\"egyeb\">\n            EGY\u00c9B\n        <\/button>\n\n    <\/div>\n\n\n    <!-- VIDE\u00d3GAL\u00c9RIA -->\n    <div class=\"hr-video-stage\">\n\n        <!-- VIDE\u00d3 1 -->\n        <div class=\"hr-video-card\" data-category=\"thermalion\">\n            <video\n                src=\"https:\/\/hamarrichardmedia.hu\/wp-content\/uploads\/2026\/09\/2026-04-Thermalion-eletem-vegeig_v1.mp4\"\n                muted\n                loop\n                playsinline\n                preload=\"metadata\">\n            <\/video>\n        <\/div>\n\n\n        <!-- VIDE\u00d3 2 -->\n        <div class=\"hr-video-card\" data-category=\"thermalion nappali\">\n            <video\n                src=\"https:\/\/hamarrichardmedia.hu\/wp-content\/uploads\/2026\/09\/2026-04-Thermalion-kremfuggoseg_v2.mp4\"\n                muted\n                loop\n                playsinline\n                preload=\"metadata\">\n            <\/video>\n        <\/div>\n\n\n        <!-- VIDE\u00d3 3 -->\n        <div class=\"hr-video-card\" data-category=\"thermalion\">\n            <video\n                src=\"https:\/\/hamarrichardmedia.hu\/wp-content\/uploads\/2026\/09\/2026-04-Thermalion-mire-jo_v2.mp4\"\n                muted\n                loop\n                playsinline\n                preload=\"metadata\">\n            <\/video>\n        <\/div>\n\n\n        <!-- VIDE\u00d3 4 -->\n        <div class=\"hr-video-card\" data-category=\"tiktok\">\n            <video\n                src=\"https:\/\/hamarrichardmedia.hu\/wp-content\/uploads\/2026\/09\/2026-05-TikTok1-Ricsi_v1.mp4\"\n                muted\n                loop\n                playsinline\n                preload=\"metadata\">\n            <\/video>\n        <\/div>\n\n\n        <!-- VIDE\u00d3 5 -->\n        <div class=\"hr-video-card\" data-category=\"tiktok\">\n            <video\n                src=\"https:\/\/hamarrichardmedia.hu\/wp-content\/uploads\/2026\/09\/2026-05-TikTok4-Ricsi_v1.mp4\"\n                muted\n                loop\n                playsinline\n                preload=\"metadata\">\n            <\/video>\n        <\/div>\n\n\n        <!-- VIDE\u00d3 6 -->\n        <div class=\"hr-video-card\" data-category=\"aquaboost\">\n            <video\n                src=\"https:\/\/hamarrichardmedia.hu\/wp-content\/uploads\/2026\/09\/SSE-2026-Aquaboost-nyeremenyjatek_v1.mp4\"\n                muted\n                loop\n                playsinline\n                preload=\"metadata\">\n            <\/video>\n        <\/div>\n\n\n        <!-- VIDE\u00d3 7 -->\n        <div class=\"hr-video-card\" data-category=\"aquaboost\">\n            <video\n                src=\"https:\/\/hamarrichardmedia.hu\/wp-content\/uploads\/2026\/09\/SSE-2026-Aquaboost-kedvenc-iz_v1.mp4\"\n                muted\n                loop\n                playsinline\n                preload=\"metadata\">\n            <\/video>\n        <\/div>\n        \n        <!-- VIDE\u00d3 8 -->\n        <div class=\"hr-video-card\" data-category=\"aquaboost\">\n            <video\n                src=\"https:\/\/hamarrichardmedia.hu\/wp-content\/uploads\/2026\/09\/SSE-2026-Aquaboost-csapat-kedvencek_v1.mp4\"\n                muted\n                loop\n                playsinline\n                preload=\"metadata\">\n            <\/video>\n        <\/div>\n\n    <\/div>\n\n\n    <!-- NAVIG\u00c1CI\u00d3 -->\n    <div class=\"hr-video-navigation\">\n\n        <button class=\"hr-prev\" aria-label=\"El\u0151z\u0151 vide\u00f3\">\n            <span>\u2190<\/span>\n        <\/button>\n\n        <div class=\"hr-counter\">\n            <span class=\"hr-current\">01<\/span>\n            <span class=\"hr-divider\">\/<\/span>\n            <span class=\"hr-total\">07<\/span>\n        <\/div>\n\n        <button class=\"hr-next\" aria-label=\"K\u00f6vetkez\u0151 vide\u00f3\">\n            <span>\u2192<\/span>\n        <\/button>\n\n    <\/div>\n\n<\/div>\n\n\n<style>\n\n\/* ==========================================\n   ALAP GAL\u00c9RIA\n========================================== *\/\n\n.hr-video-gallery {\n    --hr-bg: #AAA49A;\n    --hr-dark: #292929;\n    --hr-footer: #25292F;\n    --hr-light: #F5F5F5;\n\n    --hr-step: clamp(190px, 19vw, 310px);\n\n    position: relative;\n\n    width: 100%;\n    max-width: 1500px;\n\n    margin: 0 auto;\n\n    padding: 65px 25px 75px;\n\n    box-sizing: border-box;\n\n    background: transparent;\n\n    overflow: hidden;\n}\n\n\n\/* ==========================================\n   KATEG\u00d3RI\u00c1K\n========================================== *\/\n\n.hr-video-filters {\n    position: relative;\n    z-index: 30;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    flex-wrap: wrap;\n\n    gap: 10px;\n\n    margin-bottom: 48px;\n}\n\n\n.hr-filter {\n    appearance: none;\n    -webkit-appearance: none;\n\n    padding: 10px 19px;\n\n    border: 1px solid rgba(41, 41, 41, 0.65);\n    border-radius: 0px;\n\n    background: transparent;\n\n    color: #292929;\n\n    font-family: inherit;\n\n    font-size: 11px;\n    font-weight: 400;\n\n    line-height: 1;\n\n    letter-spacing: 0.7px;\n\n    cursor: pointer;\n\n    transition:\n        background-color .3s ease,\n        color .3s ease,\n        border-color .3s ease;\n}\n\n\n.hr-filter:hover,\n.hr-filter.active {\n    background: #292929;\n    border-color: #292929;\n    color: #F5F5F5;\n}\n\n\n\/* ==========================================\n   VIDE\u00d3 TER\u00dcLET\n========================================== *\/\n\n.hr-video-stage {\n    position: relative;\n\n    width: 100%;\n    height: 610px;\n\n    perspective: 1600px;\n}\n\n\n\/* ==========================================\n   VIDE\u00d3 K\u00c1RTYA\n========================================== *\/\n\n.hr-video-card {\n    --offset: 0;\n    --scale: 1;\n\n    position: absolute;\n\n    left: 50%;\n    top: 50%;\n\n    width: clamp(235px, 22vw, 320px);\n\n    aspect-ratio: 9 \/ 16;\n\n    overflow: hidden;\n\n    background: #222;\n\n    border-radius: 0px;\n\n    opacity: 0;\n\n    pointer-events: none;\n\n    cursor: pointer;\n\n    transform:\n        translate(-50%, -50%)\n        translateX(calc(var(--offset) * var(--hr-step)))\n        scale(var(--scale));\n\n    transition:\n        transform .75s cubic-bezier(.22,.61,.36,1),\n        opacity .55s ease,\n        filter .55s ease;\n\n    box-shadow:\n        0 24px 45px rgba(23, 23, 23, 0.20);\n\n    will-change: transform;\n}\n\n\n\/* VIDE\u00d3 *\/\n\n.hr-video-card video {\n    width: 100%;\n    height: 100%;\n\n    display: block;\n\n    object-fit: cover;\n\n    background: #222;\n}\n\n\n\/* ==========================================\n   K\u00d6Z\u00c9PS\u0150 VIDE\u00d3\n========================================== *\/\n\n.hr-video-card.hr-center {\n    --offset: 0;\n    --scale: 1;\n\n    opacity: 1;\n\n    z-index: 10;\n\n    pointer-events: auto;\n\n    filter: none;\n\n    box-shadow:\n        0 30px 55px rgba(23, 23, 23, .28);\n}\n\n\n\/* ==========================================\n   K\u00d6ZVETLEN BAL OLDAL\n========================================== *\/\n\n.hr-video-card.hr-left-1 {\n    --offset: -1;\n    --scale: .86;\n\n    opacity: .88;\n\n    z-index: 8;\n\n    pointer-events: auto;\n\n    filter: brightness(.86);\n}\n\n\n\/* ==========================================\n   K\u00d6ZVETLEN JOBB OLDAL\n========================================== *\/\n\n.hr-video-card.hr-right-1 {\n    --offset: 1;\n    --scale: .86;\n\n    opacity: .88;\n\n    z-index: 8;\n\n    pointer-events: auto;\n\n    filter: brightness(.86);\n}\n\n\n\/* ==========================================\n   H\u00c1TS\u00d3 BAL VIDE\u00d3\n========================================== *\/\n\n.hr-video-card.hr-left-2 {\n    --offset: -2;\n    --scale: .70;\n\n    opacity: .42;\n\n    z-index: 4;\n\n    pointer-events: auto;\n\n    filter:\n        brightness(.72)\n        saturate(.8);\n}\n\n\n\/* ==========================================\n   H\u00c1TS\u00d3 JOBB VIDE\u00d3\n========================================== *\/\n\n.hr-video-card.hr-right-2 {\n    --offset: 2;\n    --scale: .70;\n\n    opacity: .42;\n\n    z-index: 4;\n\n    pointer-events: auto;\n\n    filter:\n        brightness(.72)\n        saturate(.8);\n}\n\n\n\/* ==========================================\n   NAVIG\u00c1CI\u00d3\n========================================== *\/\n\n.hr-video-navigation {\n    position: relative;\n    z-index: 30;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    gap: 22px;\n\n    margin-top: 15px;\n}\n\n\n.hr-video-navigation button {\n    appearance: none;\n\n    width: 46px;\n    height: 46px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    padding: 0;\n\n    border: 1px solid #292929;\n    border-radius: 0%;\n\n    background: transparent;\n\n    color: #292929;\n\n    cursor: pointer;\n\n    transition:\n        background-color .3s ease,\n        color .3s ease,\n        transform .3s ease;\n}\n\n\n.hr-video-navigation button span {\n    display: block;\n\n    font-size: 19px;\n    font-weight: 300;\n\n    line-height: 1;\n\n    transform: translateY(-1px);\n}\n\n\n.hr-video-navigation button:hover {\n    background: #292929;\n\n    color: #F5F5F5;\n\n    transform: scale(1.05);\n}\n\n\n\/* ==========================================\n   SZ\u00c1ML\u00c1L\u00d3\n========================================== *\/\n\n.hr-counter {\n    min-width: 72px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    gap: 6px;\n\n    font-family: inherit;\n\n    font-size: 11px;\n    font-weight: 400;\n\n    letter-spacing: 1px;\n\n    color: rgba(41, 41, 41, .75);\n}\n\n\n.hr-current {\n    color: #292929;\n}\n\n\n.hr-divider {\n    opacity: .45;\n}\n\n\n\/* ==========================================\n   TABLET\n========================================== *\/\n\n@media (max-width: 1024px) {\n\n    .hr-video-gallery {\n        --hr-step: 24vw;\n\n        padding:\n            55px\n            20px\n            65px;\n    }\n\n\n    .hr-video-filters {\n        margin-bottom: 40px;\n    }\n\n\n    .hr-video-stage {\n        height: 560px;\n    }\n\n\n    .hr-video-card {\n        width: clamp(\n            225px,\n            28vw,\n            290px\n        );\n    }\n\n}\n\n\n\/* ==========================================\n   MOBIL\n========================================== *\/\n\n@media (max-width: 767px) {\n\n    .hr-video-gallery {\n        --hr-step: 62vw;\n\n        padding:\n            42px\n            0\n            55px;\n    }\n\n\n    \/* KATEG\u00d3RIA GOMBOK *\/\n\n    .hr-video-filters {\n        justify-content: flex-start;\n\n        flex-wrap: nowrap;\n\n        overflow-x: auto;\n\n        gap: 8px;\n\n        margin-bottom: 30px;\n\n        padding:\n            3px\n            20px\n            10px;\n\n        scrollbar-width: none;\n\n        -webkit-overflow-scrolling: touch;\n    }\n\n\n    .hr-video-filters::-webkit-scrollbar {\n        display: none;\n    }\n\n\n    .hr-filter {\n        flex: 0 0 auto;\n\n        padding:\n            9px\n            16px;\n\n        font-size: 10px;\n    }\n\n\n    \/* VIDE\u00d3 *\/\n\n    .hr-video-stage {\n        height: 500px;\n    }\n\n\n    .hr-video-card {\n        width: min(\n            67vw,\n            265px\n        );\n\n        border-radius: 2px;\n    }\n\n\n    .hr-video-card.hr-left-1,\n    .hr-video-card.hr-right-1 {\n        --scale: .84;\n\n        opacity: .55;\n    }\n\n\n    .hr-video-card.hr-left-2,\n    .hr-video-card.hr-right-2 {\n        opacity: 0;\n\n        pointer-events: none;\n    }\n\n\n    .hr-video-navigation {\n        margin-top: 8px;\n\n        gap: 18px;\n    }\n\n}\n\n\n\/* ==========================================\n   KISEBB MOBIL\n========================================== *\/\n\n@media (max-width: 430px) {\n\n    .hr-video-stage {\n        height: 465px;\n    }\n\n\n    .hr-video-card {\n        width: min(\n            66vw,\n            240px\n        );\n    }\n\n\n    .hr-video-navigation button {\n        width: 43px;\n        height: 43px;\n    }\n\n}\n\n<\/style>\n\n\n<script>\n\n(function () {\n\n    function initializeHRVideoGalleries() {\n\n        const galleries =\n            document.querySelectorAll('.hr-video-gallery');\n\n\n        galleries.forEach(function (gallery) {\n\n            if (\n                gallery.dataset.initialized\n                ===\n                'true'\n            ) {\n                return;\n            }\n\n            gallery.dataset.initialized = 'true';\n\n\n            const cards =\n                Array.from(\n                    gallery.querySelectorAll(\n                        '.hr-video-card'\n                    )\n                );\n\n\n            const filters =\n                Array.from(\n                    gallery.querySelectorAll(\n                        '.hr-filter'\n                    )\n                );\n\n\n            const prevButton =\n                gallery.querySelector(\n                    '.hr-prev'\n                );\n\n\n            const nextButton =\n                gallery.querySelector(\n                    '.hr-next'\n                );\n\n\n            const currentNumber =\n                gallery.querySelector(\n                    '.hr-current'\n                );\n\n\n            const totalNumber =\n                gallery.querySelector(\n                    '.hr-total'\n                );\n\n\n            let currentFilter = 'all';\n\n            let activeIndex = 0;\n\n            let touchStartX = 0;\n\n            let touchEndX = 0;\n\n\n            \/* ======================================\n               L\u00c1THAT\u00d3 K\u00c1RTY\u00c1K\n            ====================================== *\/\n\n            function getVisibleCards() {\n\n                return cards.filter(\n                    function (card) {\n\n                        if (\n                            currentFilter === 'all'\n                        ) {\n                            return true;\n                        }\n\n\n                        const categories =\n                            (\n                                card.dataset.category\n                                ||\n                                ''\n                            )\n                            .split(' ');\n\n\n                        return categories.includes(\n                            currentFilter\n                        );\n\n                    }\n                );\n\n            }\n\n\n            \/* ======================================\n               VIDE\u00d3K LE\u00c1LL\u00cdT\u00c1SA\n            ====================================== *\/\n\n            function stopVideos() {\n\n                cards.forEach(\n                    function (card) {\n\n                        const video =\n                            card.querySelector(\n                                'video'\n                            );\n\n\n                        if (!video) {\n                            return;\n                        }\n\n\n                        video.pause();\n\n                        video.controls = false;\n\n                    }\n                );\n\n            }\n\n\n            \/* ======================================\n               K\u00d6Z\u00c9PS\u0150 VIDE\u00d3 IND\u00cdT\u00c1SA\n            ====================================== *\/\n\n            function playCenterVideo() {\n\n                stopVideos();\n\n\n                const center =\n                    gallery.querySelector(\n                        '.hr-center'\n                    );\n\n\n                if (!center) {\n                    return;\n                }\n\n\n                const video =\n                    center.querySelector(\n                        'video'\n                    );\n\n\n                if (!video) {\n                    return;\n                }\n\n\n                \/* csak k\u00f6z\u00e9pen legyen kezel\u0151s\u00e1v *\/\n\n                video.controls = true;\n\n\n                \/* autoplay miatt n\u00e9m\u00edtva indul *\/\n\n                video.muted = true;\n\n\n                const promise =\n                    video.play();\n\n\n                if (\n                    promise\n                    &&\n                    typeof promise.catch\n                    ===\n                    'function'\n                ) {\n\n                    promise.catch(\n                        function () {}\n                    );\n\n                }\n\n            }\n\n\n            \/* ======================================\n               SZ\u00c1ML\u00c1L\u00d3 FRISS\u00cdT\u00c9S\n            ====================================== *\/\n\n            function updateCounter() {\n\n                const visibleCards =\n                    getVisibleCards();\n\n\n                if (!visibleCards.length) {\n\n                    currentNumber.textContent =\n                        '00';\n\n                    totalNumber.textContent =\n                        '00';\n\n                    return;\n\n                }\n\n\n                currentNumber.textContent =\n                    String(\n                        activeIndex + 1\n                    ).padStart(\n                        2,\n                        '0'\n                    );\n\n\n                totalNumber.textContent =\n                    String(\n                        visibleCards.length\n                    ).padStart(\n                        2,\n                        '0'\n                    );\n\n            }\n\n\n            \/* ======================================\n               GAL\u00c9RIA FRISS\u00cdT\u00c9S\n            ====================================== *\/\n\n            function updateGallery() {\n\n                const visibleCards =\n                    getVisibleCards();\n\n\n                stopVideos();\n\n\n                cards.forEach(\n                    function (card) {\n\n                        card.classList.remove(\n                            'hr-center',\n                            'hr-left-1',\n                            'hr-right-1',\n                            'hr-left-2',\n                            'hr-right-2'\n                        );\n\n\n                        card.style.display =\n                            'none';\n\n                    }\n                );\n\n\n                if (!visibleCards.length) {\n                    return;\n                }\n\n\n                if (\n                    activeIndex\n                    >=\n                    visibleCards.length\n                ) {\n\n                    activeIndex = 0;\n\n                }\n\n\n                visibleCards.forEach(\n                    function (\n                        card,\n                        index\n                    ) {\n\n                        card.style.display =\n                            'block';\n\n\n                        let distance =\n                            index\n                            -\n                            activeIndex;\n\n\n                        const total =\n                            visibleCards.length;\n\n\n                        if (\n                            distance\n                            >\n                            total \/ 2\n                        ) {\n\n                            distance -= total;\n\n                        }\n\n\n                        if (\n                            distance\n                            <\n                            -total \/ 2\n                        ) {\n\n                            distance += total;\n\n                        }\n\n\n                        if (\n                            distance === 0\n                        ) {\n\n                            card.classList.add(\n                                'hr-center'\n                            );\n\n                        }\n\n\n                        else if (\n                            distance === -1\n                        ) {\n\n                            card.classList.add(\n                                'hr-left-1'\n                            );\n\n                        }\n\n\n                        else if (\n                            distance === 1\n                        ) {\n\n                            card.classList.add(\n                                'hr-right-1'\n                            );\n\n                        }\n\n\n                        else if (\n                            distance === -2\n                        ) {\n\n                            card.classList.add(\n                                'hr-left-2'\n                            );\n\n                        }\n\n\n                        else if (\n                            distance === 2\n                        ) {\n\n                            card.classList.add(\n                                'hr-right-2'\n                            );\n\n                        }\n\n                    }\n                );\n\n\n                updateCounter();\n\n\n                window.setTimeout(\n                    playCenterVideo,\n                    150\n                );\n\n            }\n\n\n            \/* ======================================\n               K\u00d6VETKEZ\u0150\n            ====================================== *\/\n\n            function nextVideo() {\n\n                const visibleCards =\n                    getVisibleCards();\n\n\n                if (!visibleCards.length) {\n                    return;\n                }\n\n\n                activeIndex =\n                    (\n                        activeIndex + 1\n                    )\n                    %\n                    visibleCards.length;\n\n\n                updateGallery();\n\n            }\n\n\n            \/* ======================================\n               EL\u0150Z\u0150\n            ====================================== *\/\n\n            function previousVideo() {\n\n                const visibleCards =\n                    getVisibleCards();\n\n\n                if (!visibleCards.length) {\n                    return;\n                }\n\n\n                activeIndex =\n                    (\n                        activeIndex\n                        - 1\n                        + visibleCards.length\n                    )\n                    %\n                    visibleCards.length;\n\n\n                updateGallery();\n\n            }\n\n\n            \/* ======================================\n               NYILAK\n            ====================================== *\/\n\n            if (nextButton) {\n\n                nextButton.addEventListener(\n                    'click',\n                    nextVideo\n                );\n\n            }\n\n\n            if (prevButton) {\n\n                prevButton.addEventListener(\n                    'click',\n                    previousVideo\n                );\n\n            }\n\n\n            \/* ======================================\n               KATEG\u00d3RI\u00c1K\n            ====================================== *\/\n\n            filters.forEach(\n                function (filter) {\n\n                    filter.addEventListener(\n                        'click',\n                        function () {\n\n                            filters.forEach(\n                                function (item) {\n\n                                    item.classList.remove(\n                                        'active'\n                                    );\n\n                                }\n                            );\n\n\n                            filter.classList.add(\n                                'active'\n                            );\n\n\n                            currentFilter =\n                                filter.dataset.filter;\n\n\n                            activeIndex = 0;\n\n\n                            updateGallery();\n\n                        }\n                    );\n\n                }\n            );\n\n\n            \/* ======================================\n               OLDALS\u00d3 VIDE\u00d3RA KATTINT\u00c1S\n            ====================================== *\/\n\n            cards.forEach(\n                function (card) {\n\n                    card.addEventListener(\n                        'click',\n                        function () {\n\n                            if (\n                                card.classList.contains(\n                                    'hr-center'\n                                )\n                            ) {\n                                return;\n                            }\n\n\n                            const visibleCards =\n                                getVisibleCards();\n\n\n                            const index =\n                                visibleCards.indexOf(\n                                    card\n                                );\n\n\n                            if (index >= 0) {\n\n                                activeIndex =\n                                    index;\n\n\n                                updateGallery();\n\n                            }\n\n                        }\n                    );\n\n                }\n            );\n\n\n            \/* ======================================\n               MOBIL SWIPE\n            ====================================== *\/\n\n            gallery.addEventListener(\n                'touchstart',\n                function (event) {\n\n                    touchStartX =\n                        event\n                        .changedTouches[0]\n                        .screenX;\n\n                },\n                {\n                    passive: true\n                }\n            );\n\n\n            gallery.addEventListener(\n                'touchend',\n                function (event) {\n\n                    touchEndX =\n                        event\n                        .changedTouches[0]\n                        .screenX;\n\n\n                    const difference =\n                        touchStartX\n                        -\n                        touchEndX;\n\n\n                    if (\n                        difference > 50\n                    ) {\n\n                        nextVideo();\n\n                    }\n\n\n                    else if (\n                        difference < -50\n                    ) {\n\n                        previousVideo();\n\n                    }\n\n                },\n                {\n                    passive: true\n                }\n            );\n\n\n            updateGallery();\n\n        });\n\n    }\n\n\n    if (\n        document.readyState\n        ===\n        'loading'\n    ) {\n\n        document.addEventListener(\n            'DOMContentLoaded',\n            initializeHRVideoGalleries\n        );\n\n    }\n\n    else {\n\n        initializeHRVideoGalleries();\n\n    }\n\n\n    window.addEventListener(\n        'elementor\/frontend\/init',\n        function () {\n\n            setTimeout(\n                initializeHRVideoGalleries,\n                300\n            );\n\n        }\n    );\n\n})();\n\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>vide\u00f3s referenci\u00e1k N\u00e9zz k\u00f6rbe munk\u00e1im k\u00f6z\u00f6tt \u00d6SSZES THERMALION TIKTOK AQUABOOST EGY\u00c9B \u2190 01 \/ 07 \u2192<\/p>","protected":false},"author":1,"featured_media":0,"parent":51,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-705","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Vide\u00f3s - Hamar Rich\u00e1rd M\u00e9dia<\/title>\n<meta name=\"description\" content=\"Tekintsd meg Hamar Rich\u00e1rd vide\u00f3s referenci\u00e1it: rekl\u00e1mfilmek, v\u00e1llalati vide\u00f3k, im\u00e1zsanyagok \u00e9s kreat\u00edv tartalmak, amelyek l\u00e1tv\u00e1nyosan\" \/>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Vide\u00f3s - Hamar Rich\u00e1rd M\u00e9dia\" \/>\n<meta property=\"og:description\" content=\"Tekintsd meg Hamar Rich\u00e1rd vide\u00f3s referenci\u00e1it: rekl\u00e1mfilmek, v\u00e1llalati vide\u00f3k, im\u00e1zsanyagok \u00e9s kreat\u00edv tartalmak, amelyek l\u00e1tv\u00e1nyosan\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hamarrichardmedia.hu\/en\/referenciak\/videos\/\" \/>\n<meta property=\"og:site_name\" content=\"Hamar Rich\u00e1rd M\u00e9dia\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-16T08:38:07+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/hamarrichardmedia.hu\\\/referenciak\\\/videos\\\/\",\"url\":\"https:\\\/\\\/hamarrichardmedia.hu\\\/referenciak\\\/videos\\\/\",\"name\":\"Vide\u00f3s - Hamar Rich\u00e1rd M\u00e9dia\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/hamarrichardmedia.hu\\\/#website\"},\"datePublished\":\"2026-09-02T06:49:28+00:00\",\"dateModified\":\"2026-09-16T08:38:07+00:00\",\"description\":\"Tekintsd meg Hamar Rich\u00e1rd vide\u00f3s referenci\u00e1it: rekl\u00e1mfilmek, v\u00e1llalati vide\u00f3k, im\u00e1zsanyagok \u00e9s kreat\u00edv tartalmak, amelyek l\u00e1tv\u00e1nyosan\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/hamarrichardmedia.hu\\\/referenciak\\\/videos\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/hamarrichardmedia.hu\\\/referenciak\\\/videos\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/hamarrichardmedia.hu\\\/referenciak\\\/videos\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Kezd\u0151lap\",\"item\":\"https:\\\/\\\/hamarrichardmedia.hu\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Referenci\u00e1k\",\"item\":\"https:\\\/\\\/hamarrichardmedia.hu\\\/referenciak\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Vide\u00f3s\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/hamarrichardmedia.hu\\\/#website\",\"url\":\"https:\\\/\\\/hamarrichardmedia.hu\\\/\",\"name\":\"Hamar Rich\u00e1rd M\u00e9dia\",\"description\":\"Fot\u00f3z\u00e1s, vide\u00f3k\u00e9sz\u00edt\u00e9s, tartalomgy\u00e1rt\u00e1s \u00e9s social media kezel\u00e9s Szegeden, orsz\u00e1gszerte \u00e9s nemzetk\u00f6zileg..\",\"publisher\":{\"@id\":\"https:\\\/\\\/hamarrichardmedia.hu\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/hamarrichardmedia.hu\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/hamarrichardmedia.hu\\\/#organization\",\"name\":\"Hamar Rich\u00e1rd M\u00e9dia\",\"url\":\"https:\\\/\\\/hamarrichardmedia.hu\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/hamarrichardmedia.hu\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/hamarrichardmedia.hu\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/HamarRichard-logo-w-e1783493910248.png\",\"contentUrl\":\"https:\\\/\\\/hamarrichardmedia.hu\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/HamarRichard-logo-w-e1783493910248.png\",\"width\":1666,\"height\":450,\"caption\":\"Hamar Rich\u00e1rd M\u00e9dia\"},\"image\":{\"@id\":\"https:\\\/\\\/hamarrichardmedia.hu\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Vide\u00f3s - Hamar Rich\u00e1rd M\u00e9dia","description":"Tekintsd meg Hamar Rich\u00e1rd vide\u00f3s referenci\u00e1it: rekl\u00e1mfilmek, v\u00e1llalati vide\u00f3k, im\u00e1zsanyagok \u00e9s kreat\u00edv tartalmak, amelyek l\u00e1tv\u00e1nyosan","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"Vide\u00f3s - Hamar Rich\u00e1rd M\u00e9dia","og_description":"Tekintsd meg Hamar Rich\u00e1rd vide\u00f3s referenci\u00e1it: rekl\u00e1mfilmek, v\u00e1llalati vide\u00f3k, im\u00e1zsanyagok \u00e9s kreat\u00edv tartalmak, amelyek l\u00e1tv\u00e1nyosan","og_url":"https:\/\/hamarrichardmedia.hu\/en\/referenciak\/videos\/","og_site_name":"Hamar Rich\u00e1rd M\u00e9dia","article_modified_time":"2026-09-16T08:38:07+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/hamarrichardmedia.hu\/referenciak\/videos\/","url":"https:\/\/hamarrichardmedia.hu\/referenciak\/videos\/","name":"Vide\u00f3s - Hamar Rich\u00e1rd M\u00e9dia","isPartOf":{"@id":"https:\/\/hamarrichardmedia.hu\/#website"},"datePublished":"2026-09-02T06:49:28+00:00","dateModified":"2026-09-16T08:38:07+00:00","description":"Tekintsd meg Hamar Rich\u00e1rd vide\u00f3s referenci\u00e1it: rekl\u00e1mfilmek, v\u00e1llalati vide\u00f3k, im\u00e1zsanyagok \u00e9s kreat\u00edv tartalmak, amelyek l\u00e1tv\u00e1nyosan","breadcrumb":{"@id":"https:\/\/hamarrichardmedia.hu\/referenciak\/videos\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hamarrichardmedia.hu\/referenciak\/videos\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/hamarrichardmedia.hu\/referenciak\/videos\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Kezd\u0151lap","item":"https:\/\/hamarrichardmedia.hu\/"},{"@type":"ListItem","position":2,"name":"Referenci\u00e1k","item":"https:\/\/hamarrichardmedia.hu\/referenciak\/"},{"@type":"ListItem","position":3,"name":"Vide\u00f3s"}]},{"@type":"WebSite","@id":"https:\/\/hamarrichardmedia.hu\/#website","url":"https:\/\/hamarrichardmedia.hu\/","name":"Hamar Rich\u00e1rd M\u00e9dia","description":"Fot\u00f3z\u00e1s, vide\u00f3k\u00e9sz\u00edt\u00e9s, tartalomgy\u00e1rt\u00e1s \u00e9s social media kezel\u00e9s Szegeden, orsz\u00e1gszerte \u00e9s nemzetk\u00f6zileg..","publisher":{"@id":"https:\/\/hamarrichardmedia.hu\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hamarrichardmedia.hu\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/hamarrichardmedia.hu\/#organization","name":"Hamar Rich\u00e1rd M\u00e9dia","url":"https:\/\/hamarrichardmedia.hu\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hamarrichardmedia.hu\/#\/schema\/logo\/image\/","url":"https:\/\/hamarrichardmedia.hu\/wp-content\/uploads\/2026\/07\/HamarRichard-logo-w-e1783493910248.png","contentUrl":"https:\/\/hamarrichardmedia.hu\/wp-content\/uploads\/2026\/07\/HamarRichard-logo-w-e1783493910248.png","width":1666,"height":450,"caption":"Hamar Rich\u00e1rd M\u00e9dia"},"image":{"@id":"https:\/\/hamarrichardmedia.hu\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/hamarrichardmedia.hu\/en\/wp-json\/wp\/v2\/pages\/705","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hamarrichardmedia.hu\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hamarrichardmedia.hu\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hamarrichardmedia.hu\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hamarrichardmedia.hu\/en\/wp-json\/wp\/v2\/comments?post=705"}],"version-history":[{"count":79,"href":"https:\/\/hamarrichardmedia.hu\/en\/wp-json\/wp\/v2\/pages\/705\/revisions"}],"predecessor-version":[{"id":2353,"href":"https:\/\/hamarrichardmedia.hu\/en\/wp-json\/wp\/v2\/pages\/705\/revisions\/2353"}],"up":[{"embeddable":true,"href":"https:\/\/hamarrichardmedia.hu\/en\/wp-json\/wp\/v2\/pages\/51"}],"wp:attachment":[{"href":"https:\/\/hamarrichardmedia.hu\/en\/wp-json\/wp\/v2\/media?parent=705"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}