{"id":1470,"date":"2026-01-05T10:46:33","date_gmt":"2026-01-05T02:46:33","guid":{"rendered":"https:\/\/lang.ezask.cn\/?page_id=1470"},"modified":"2026-01-05T10:59:46","modified_gmt":"2026-01-05T02:59:46","slug":"1470-2","status":"publish","type":"page","link":"https:\/\/lang.ezask.cn\/ja\/1470-2\/","title":{"rendered":""},"content":{"rendered":"<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Vanse Telehandler &#8211; Video Gallery<\/title>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n            background: linear-gradient(135deg, #0a0a0f 0%, #1a1a2e 100%);\n            min-height: 100vh;\n            color: #ffffff;\n        }\n\n        .header {\n            background: rgba(0, 0, 0, 0.5);\n            backdrop-filter: blur(20px);\n            border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n            padding: 16px 0;\n            position: sticky;\n            top: 0;\n            z-index: 100;\n        }\n\n        .header-content {\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 0 24px;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n        }\n\n        .logo {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n        }\n\n        .logo-icon {\n            width: 42px;\n            height: 42px;\n            background: linear-gradient(135deg, #ff0000, #cc0000);\n            border-radius: 10px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            box-shadow: 0 4px 15px rgba(255, 0, 0, 0.3);\n        }\n\n        .logo-icon svg {\n            width: 22px;\n            height: 22px;\n            fill: white;\n        }\n\n        .logo-text {\n            font-size: 1.2rem;\n            font-weight: 700;\n        }\n\n        .subscribe-btn {\n            background: linear-gradient(135deg, #ff0000, #cc0000);\n            color: white;\n            border: none;\n            padding: 10px 22px;\n            border-radius: 50px;\n            font-size: 0.85rem;\n            font-weight: 600;\n            text-decoration: none;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 15px rgba(255, 0, 0, 0.25);\n        }\n\n        .subscribe-btn:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 6px 20px rgba(255, 0, 0, 0.35);\n        }\n\n        .hero {\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 50px 24px 30px;\n            text-align: center;\n        }\n\n        .hero h1 {\n            font-size: clamp(1.8rem, 4vw, 2.5rem);\n            font-weight: 700;\n            margin-bottom: 10px;\n        }\n\n        .hero p {\n            font-size: 1rem;\n            color: #888;\n        }\n\n        .video-section {\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 20px 24px 80px;\n        }\n\n        .section-header {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            margin-bottom: 24px;\n        }\n\n        .section-title {\n            font-size: 1.1rem;\n            font-weight: 600;\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n\n        .section-title::before {\n            content: '';\n            width: 4px;\n            height: 18px;\n            background: #ff0000;\n            border-radius: 2px;\n        }\n\n        .view-channel {\n            color: #ff4444;\n            text-decoration: none;\n            font-size: 0.85rem;\n            transition: color 0.3s;\n        }\n\n        .view-channel:hover {\n            color: #ff6666;\n        }\n\n        .video-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\n            gap: 20px;\n        }\n\n        .video-card {\n            background: rgba(255, 255, 255, 0.03);\n            border: 1px solid rgba(255, 255, 255, 0.06);\n            border-radius: 14px;\n            overflow: hidden;\n            transition: all 0.3s ease;\n        }\n\n        .video-card:hover {\n            transform: translateY(-4px);\n            border-color: rgba(255, 0, 0, 0.2);\n            box-shadow: 0 12px 35px rgba(0, 0, 0, 0.4);\n        }\n\n        .video-wrapper {\n            position: relative;\n            padding-bottom: 56.25%;\n            background: #000;\n        }\n\n        .video-wrapper iframe {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            border: none;\n        }\n\n        .footer {\n            background: rgba(0, 0, 0, 0.4);\n            border-top: 1px solid rgba(255, 255, 255, 0.05);\n            padding: 24px;\n            text-align: center;\n        }\n\n        .footer p {\n            color: #555;\n            font-size: 0.8rem;\n        }\n\n        .footer a {\n            color: #ff4444;\n            text-decoration: none;\n        }\n\n        @media (max-width: 768px) {\n            .header-content {\n                flex-direction: column;\n                gap: 12px;\n            }\n            .hero {\n                padding: 30px 16px 20px;\n            }\n            .video-section {\n                padding: 16px 16px 60px;\n            }\n            .video-grid {\n                grid-template-columns: 1fr;\n                gap: 16px;\n            }\n            .section-header {\n                flex-direction: column;\n                align-items: flex-start;\n                gap: 8px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <header class=\"header\">\n        <div class=\"header-content\">\n            <div class=\"logo\">\n                <div class=\"logo-icon\">\n                    <svg viewbox=\"0 0 24 24\">\n                        <path d=\"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\"\/>\n                    <\/svg>\n                <\/div>\n                <span class=\"logo-text\">Vanse Telehandler<\/span>\n            <\/div>\n            <a href=\"https:\/\/www.youtube.com\/@VanseTelehandler?sub_confirmation=1\" target=\"_blank\" class=\"subscribe-btn\" rel=\"noopener\">\n                Subscribe\n            <\/a>\n        <\/div>\n    <\/header>\n\n    <section class=\"hero\">\n        <h1>Video Gallery<\/h1>\n        <p>Watch our product demonstrations, technical guides, and industry insights<\/p>\n    <\/section>\n\n    <section class=\"video-section\">\n        <div class=\"section-header\">\n            <h2 class=\"section-title\">All Videos<\/h2>\n            <a href=\"https:\/\/www.youtube.com\/@VanseTelehandler\/videos\" target=\"_blank\" class=\"view-channel\" rel=\"noopener\">\n                View Channel \u2192\n            <\/a>\n        <\/div>\n\n        <div class=\"video-grid\">\n\n            <!-- ============================================ -->\n            <!--  HOW TO USE:                                 -->\n            <!--  Replace each URL below with your video URL  -->\n            <!--  Example: https:\/\/www.youtube.com\/watch?v=xxxxx -->\n            <!-- ============================================ -->\n\n            <!-- Video 1 -->\n            <div class=\"video-card\">\n                <div class=\"video-wrapper\">\n                    <iframe src=\"\" data-url=\"https:\/\/www.youtube.com\/watch?v=6AjXIXPV0mY\" allowfullscreen><\/iframe>\n                <\/div>\n            <\/div>\n\n            <!-- Video 2 -->\n            <div class=\"video-card\">\n                <div class=\"video-wrapper\">\n                    <iframe src=\"\" data-url=\"https:\/\/www.youtube.com\/watch?v=VIDEO_URL_2\" allowfullscreen><\/iframe>\n                <\/div>\n            <\/div>\n\n            <!-- Video 3 -->\n            <div class=\"video-card\">\n                <div class=\"video-wrapper\">\n                    <iframe src=\"\" data-url=\"https:\/\/www.youtube.com\/watch?v=VIDEO_URL_3\" allowfullscreen><\/iframe>\n                <\/div>\n            <\/div>\n\n            <!-- Video 4 -->\n            <div class=\"video-card\">\n                <div class=\"video-wrapper\">\n                    <iframe src=\"\" data-url=\"https:\/\/www.youtube.com\/watch?v=VIDEO_URL_4\" allowfullscreen><\/iframe>\n                <\/div>\n            <\/div>\n\n            <!-- Video 5 -->\n            <div class=\"video-card\">\n                <div class=\"video-wrapper\">\n                    <iframe src=\"\" data-url=\"https:\/\/www.youtube.com\/watch?v=VIDEO_URL_5\" allowfullscreen><\/iframe>\n                <\/div>\n            <\/div>\n\n            <!-- Video 6 -->\n            <div class=\"video-card\">\n                <div class=\"video-wrapper\">\n                    <iframe src=\"\" data-url=\"https:\/\/www.youtube.com\/watch?v=VIDEO_URL_6\" allowfullscreen><\/iframe>\n                <\/div>\n            <\/div>\n\n            <!-- Copy this block to add more videos -->\n            <!--\n            <div class=\"video-card\">\n                <div class=\"video-wrapper\">\n                    <iframe src=\"\" data-url=\"YOUR_VIDEO_URL_HERE\" allowfullscreen><\/iframe>\n                <\/div>\n            <\/div>\n            -->\n\n        <\/div>\n    <\/section>\n\n    <footer class=\"footer\">\n        <p>\u00a9 2024 Vanse Telehandler \u00b7 <a href=\"https:\/\/www.youtube.com\/@VanseTelehandler\" target=\"_blank\" rel=\"noopener\">Visit YouTube Channel<\/a><\/p>\n    <\/footer>\n\n    <script>\n        \/\/ This script automatically converts YouTube URLs to embed URLs\n        document.querySelectorAll('iframe[data-url]').forEach(iframe => {\n            const url = iframe.getAttribute('data-url');\n            if (url && url.includes('youtube.com\/watch')) {\n                \/\/ Extract video ID from URL\n                const videoId = url.split('v=')[1]?.split('&')[0];\n                if (videoId) {\n                    iframe.src = `https:\/\/www.youtube.com\/embed\/${videoId}`;\n                }\n            } else if (url && url.includes('youtu.be\/')) {\n                \/\/ Handle short URLs like youtu.be\/xxxxx\n                const videoId = url.split('youtu.be\/')[1]?.split('?')[0];\n                if (videoId) {\n                    iframe.src = `https:\/\/www.youtube.com\/embed\/${videoId}`;\n                }\n            }\n        });\n    <\/script>\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>Vanse Telehandler &#8211; Video Gallery Vanse Telehandler Subscribe Video Gallery Watch our product demonstrations, technical guides, and industry insights All Videos View Channel \u2192 \u00a9 2024 Vanse Telehandler \u00b7 Visit YouTube Channel<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-1470","page","type-page","status-publish","hentry"],"acf":[],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"yiyunyingalex","author_link":"https:\/\/lang.ezask.cn\/ja\/author\/yiyunyingalex\/"},"comment_info":0,"_links":{"self":[{"href":"https:\/\/lang.ezask.cn\/ja\/wp-json\/wp\/v2\/pages\/1470","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lang.ezask.cn\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lang.ezask.cn\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lang.ezask.cn\/ja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lang.ezask.cn\/ja\/wp-json\/wp\/v2\/comments?post=1470"}],"version-history":[{"count":3,"href":"https:\/\/lang.ezask.cn\/ja\/wp-json\/wp\/v2\/pages\/1470\/revisions"}],"predecessor-version":[{"id":1653,"href":"https:\/\/lang.ezask.cn\/ja\/wp-json\/wp\/v2\/pages\/1470\/revisions\/1653"}],"wp:attachment":[{"href":"https:\/\/lang.ezask.cn\/ja\/wp-json\/wp\/v2\/media?parent=1470"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}