{"id":12,"date":"2026-04-14T15:36:17","date_gmt":"2026-04-14T07:36:17","guid":{"rendered":"http:\/\/wh-nu9n7emybogxp19asx1.my3w.com\/?page_id=12"},"modified":"2026-04-24T17:16:45","modified_gmt":"2026-04-24T09:16:45","slug":"vidio-tips","status":"publish","type":"page","link":"https:\/\/www.xghwj.com\/index.php\/vidio-tips\/","title":{"rendered":"Vidio Tips"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12\" class=\"elementor elementor-12\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dde86b4 e-con-full e-flex e-con e-parent\" data-id=\"dde86b4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-565adbb elementor-widget elementor-widget-image\" data-id=\"565adbb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1920\" height=\"178\" src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/\u56fe\u7247A.png\" class=\"attachment-full size-full wp-image-583\" alt=\"\" srcset=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/\u56fe\u7247A.png 1920w, https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/\u56fe\u7247A-300x28.png 300w, https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/\u56fe\u7247A-1024x95.png 1024w, https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/\u56fe\u7247A-768x71.png 768w, https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/\u56fe\u7247A-1536x142.png 1536w, https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/\u56fe\u7247A-600x56.png 600w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a20d6c5 elementor-widget elementor-widget-shortcode\" data-id=\"a20d6c5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\n\/* --- 1. \u57fa\u7840\u5bb9\u5668\u4e0e\u7535\u8111\u7aef\u7f29\u653e\u903b\u8f91 --- *\/\n.nav-ratio-container {\n    width: 100% !important;\n    max-width: 1920px !important;\n    margin: 0 auto !important;\n    position: relative !important;\n    height: calc(45px * var(--nav-scale, 1)) !important;\n    z-index: 99999;\n    background-color: #333333 !important;\n}\n\n.nav-scaler {\n    width: 1920px !important;\n    height: 45px !important;\n    position: absolute !important;\n    left: 50% !important;\n    top: 0 !important;\n    margin-left: -960px !important;\n    transform-origin: center top !important;\n    display: flex !important;\n    align-items: center !important;\n    transform: scale(var(--nav-scale, 1)) !important;\n}\n\n\/* \u7535\u8111\u7aef\u539f\u59cb\u6837\u5f0f *\/\n.nav-menu {\n    list-style: none !important;\n    display: flex !important;\n    height: 45px !important;\n    align-items: center !important;\n    margin: 0 !important;\n    padding-left: 340px !important;\n}\n\n.nav-item {\n    position: relative !important;\n    margin-right: 40px !important;\n    height: 45px !important;\n    display: flex !important;\n    align-items: center !important;\n}\n\n.nav-item > a {\n    color: #ffffff !important;\n    text-decoration: none !important;\n    font-family: Arial, sans-serif !important;\n    font-size: 16px !important;\n}\n\n\/* \u7535\u8111\u7aef\u5b50\u83dc\u5355 *\/\n.submenu {\n    position: absolute !important;\n    top: 45px !important;\n    left: 0 !important;\n    background-color: #ffffff !important;\n    list-style: none !important;\n    min-width: 220px !important;\n    display: none !important;\n    z-index: 100000 !important;\n    box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;\n    padding: 0 !important;\n    border-top: 2px solid #ff6a00 !important;\n}\n\n.nav-item:hover .submenu { display: block !important; }\n\n\/* --- 2. \u589e\u5f3a\u7248\u4e09\u9053\u6760\u56fe\u6807 --- *\/\n.mobile-toggle {\n    display: none !important;\n    position: absolute;\n    right: 50px; \/* \u4f4d\u7f6e\u9760\u53f3 *\/\n    top: 50%;\n    transform: translateY(-50%) scale(6) !important; \/* \u603b\u8ba1\u653e\u59276\u500d *\/\n    cursor: pointer;\n    z-index: 100002;\n    padding: 5px;\n}\n\n\/* \u81ea\u5b9a\u4e49\u9192\u76ee\u7684\u6a59\u8272 SVG \u56fe\u6807 *\/\n.mobile-toggle svg {\n    display: block;\n    fill: #ff6a00; \/* \u6781\u5ea6\u9192\u76ee\u7684\u6a59\u8272 *\/\n    width: 24px;\n    height: 24px;\n}\n\n\/* --- 3. \u624b\u673a\u7aef\u4fa7\u8fb9\u680f (Width <= 768px) --- *\/\n@media (max-width: 768px) {\n    .mobile-toggle { display: block !important; }\n    .nav-menu { display: none !important; }\n\n    \/* \u4fa7\u8fb9\u6ed1\u51fa\u9ed1\u6846\u5bb9\u5668 *\/\n    .nav-menu.mobile-open {\n        display: block !important;\n        position: fixed !important;\n        top: 0 !important;\n        right: 0 !important;\n        width: 35% !important; \/* \u5360\u636e\u9875\u9762\u7ea6 1\/3 *\/\n        height: 100vh !important; \/* \u6ee1\u5c4f\u9ad8\u5ea6 *\/\n        background-color: #1a1a1a !important; \/* \u7eaf\u9ed1\u80cc\u666f *\/\n        padding: 100px 0 50px 0 !important;\n        box-shadow: -10px 0 50px rgba(0,0,0,0.8) !important;\n        z-index: 100001 !important;\n        overflow-y: auto !important; \/* \u5141\u8bb8\u7eb5\u5411\u6eda\u52a8\uff0c\u9632\u6b62\u6587\u5b57\u8d85\u51fa *\/\n        overflow-x: hidden !important;\n        transform: none !important; \/* \u4fa7\u8fb9\u680f\u672c\u8eab\u4e0d\u7f29\u653e *\/\n    }\n\n    .nav-item {\n        width: 100% !important;\n        display: block !important;\n        height: auto !important;\n        border-bottom: 1px solid #333 !important;\n    }\n\n    .nav-item > a {\n        font-size: 48px !important; \/* \u57fa\u7840\u5b57\u53f7\u653e\u5927\uff0c\u62b5\u6d88\u7236\u7ea7\u7f29\u653e\u611f *\/\n        padding: 30px 20px !important;\n        display: block !important;\n        color: #ffffff !important;\n        white-space: normal !important; \/* \u5141\u8bb8\u6362\u884c\uff0c\u4e0d\u8dd1\u51fa\u9ed1\u6846 *\/\n        line-height: 1.2 !important;\n    }\n\n    \/* \u624b\u673a\u7aef\u4e8c\u7ea7\u83dc\u5355\uff1a\u4fdd\u6301\u6298\u53e0\uff0cHover\u6216\u70b9\u51fb\u65f6\u663e\u793a *\/\n    .submenu {\n        position: static !important;\n        display: none !important; \/* \u9ed8\u8ba4\u6298\u53e0 *\/\n        width: 100% !important;\n        background-color: #222 !important;\n        border: none !important;\n    }\n\n    .nav-item:hover .submenu {\n        display: block !important; \/* \u5c55\u5f00 *\/\n    }\n\n    .submenu a {\n        color: #ff6a00 !important;\n        font-size: 36px !important; \/* \u5b50\u83dc\u5355\u4e5f\u540c\u6b65\u653e\u5927 *\/\n        padding: 20px 40px !important;\n        display: block !important;\n        text-decoration: none !important;\n    }\n}\n\n.elementor-widget-html { overflow: visible !important; width: 100% !important; }\n<\/style>\n\n<div class=\"nav-ratio-container dynamic-nav-wrapper\">\n    <div class=\"nav-scaler\">\n        <nav style=\"width:100%; height:100%; position:relative;\">\n            \n            <div class=\"mobile-toggle\" onclick=\"toggleMenu(event)\">\n                <svg id=\"menuIcon\" viewBox=\"0 0 24 24\"><path d=\"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z\"\/><\/svg>\n            <\/div>\n            \n            <ul class=\"nav-menu\" id=\"mainMenu\">\n                <li class=\"nav-item\"><a href=\"https:\/\/www.xghwj.com\/\">Home<\/a><\/li>\n                <li class=\"nav-item\">\n                    <a href=\"javascript:void(0)\">Products \u25be<\/a>\n                    <ul class=\"submenu\">\n                        <li><a href=\"https:\/\/www.xghwj.com\/index.php\/gooseneck\">Gooseneck<\/a><\/li>\n                        <li><a href=\"https:\/\/www.xghwj.com\/index.php\/cnc-part\">CNC Part<\/a><\/li>\n                        <li><a href=\"https:\/\/www.xghwj.com\/index.php\/stamping-part\">Stamping Part<\/a><\/li>\n                        <li><a href=\"https:\/\/www.xghwj.com\/index.php\/plastic-part\">Plastic Part<\/a><\/li>\n                    <\/ul>\n                <\/li>\n                <li class=\"nav-item\"><a href=\"https:\/\/www.xghwj.com\/index.php\/company-profile\/\">Company profile<\/a><\/li>\n                <li class=\"nav-item\"><a href=\"https:\/\/www.xghwj.com\/index.php\/vidio-tips\/\">Video tips<\/a><\/li>\n                <li class=\"nav-item\"><a href=\"https:\/\/www.xghwj.com\/index.php\/contact-us\/\">Contact us<\/a><\/li>\n            <\/ul>\n        <\/nav>\n    <\/div>\n<\/div>\n\n<script>\n    function toggleMenu(e) {\n        e.stopPropagation();\n        var menu = document.getElementById('mainMenu');\n        var icon = document.getElementById('menuIcon');\n        \n        if (menu.classList.contains('mobile-open')) {\n            menu.classList.remove('mobile-open');\n            \/\/ \u5207\u6362\u56de\u4e09\u9053\u6760\n            icon.innerHTML = '<path d=\"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z\"\/>';\n        } else {\n            menu.classList.add('mobile-open');\n            \/\/ \u5207\u6362\u6210\u5173\u95ed\u53c9\u53f7\n            icon.innerHTML = '<path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"\/>';\n        }\n    }\n\n    \/\/ \u70b9\u51fb\u5916\u90e8\u5173\u95ed\n    document.addEventListener('click', function(e) {\n        var menu = document.getElementById('mainMenu');\n        if (menu.classList.contains('mobile-open') && !menu.contains(e.target)) {\n            menu.classList.remove('mobile-open');\n            document.getElementById('menuIcon').innerHTML = '<path d=\"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z\"\/>';\n        }\n    });\n\n    (function() {\n        function updateAllNavScales() {\n            var wrappers = document.querySelectorAll('.dynamic-nav-wrapper');\n            wrappers.forEach(function(wrapper) {\n                var width = wrapper.clientWidth || (wrapper.parentElement ? wrapper.parentElement.clientWidth : 0);\n                if (width > 0) {\n                    var scale = width < 1920 ? (width \/ 1920) : 1;\n                    wrapper.style.setProperty('--nav-scale', scale);\n                }\n            });\n        }\n        window.addEventListener('resize', updateAllNavScales);\n        window.addEventListener('load', updateAllNavScales);\n        updateAllNavScales();\n        setTimeout(updateAllNavScales, 500);\n    })();\n<\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2310a67 e-con-full e-flex e-con e-parent\" data-id=\"2310a67\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d5d7099 elementor-widget elementor-widget-shortcode\" data-id=\"d5d7099\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!DOCTYPE html>\n<html lang=\"zh-CN\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <style>\n        \/* \u6838\u5fc3\u5bb9\u5668 *\/\n        .video-grid-wrapper {\n            max-width: 1920px;\n            margin: 0 auto;\n            padding: 20px;\n            box-sizing: border-box;\n            \/* \u5f3a\u5236\u6e05\u573a\uff0c\u786e\u4fdd\u4e0d\u88ab\u524d\u540e\u5143\u7d20\u5e72\u6270\u6587\u6863\u6d41 *\/\n            clear: both; \n            display: block; \n        }\n\n        \/* \u89c6\u9891\u7f51\u683c\u5e03\u5c40 *\/\n        .initial-videos-grid, .more-videos-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 25px; \n        }\n\n        .initial-videos-grid { margin-bottom: 25px; }\n        .more-videos-grid { display: none; margin-top: 25px; }\n        .more-videos-grid.show { display: grid; }\n\n        \/* \ud83d\ude80 \u6838\u5fc3\u4fee\u590d\uff1a\u89c6\u9891\u5361\u7247\u5bb9\u5668 *\/\n        .video-card {\n            position: relative;\n            width: 100%;\n            \/* \u5e9f\u5f03 aspect-ratio\uff0c\u6539\u7528 Padding Hack \u5f7b\u5e95\u9501\u6b7b 16:9\uff0c\u9632\u6b62\u624b\u673a\u7aef\u9ad8\u5ea6\u584c\u9677 *\/\n            height: 0 !important;\n            padding-bottom: 56.25% !important; \/* 9\/16 \u7684\u9ec4\u91d1\u6bd4\u4f8b *\/\n            background-color: #000;\n            border-radius: 8px;\n            overflow: hidden; \n            cursor: pointer;\n        }\n\n        \/* \ud83d\ude80 \u6838\u5fc3\u4fee\u590d\uff1a\u5c01\u9762\u56fe\u6539\u4e3a\u7edd\u5bf9\u5b9a\u4f4d\uff0c\u94fa\u6ee1 Padding \u6491\u5f00\u7684\u7236\u76d2\u5b50 *\/\n        .video-poster {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.3s ease;\n            z-index: 1;\n        }\n\n        .video-card:hover .video-poster { transform: scale(1.05); }\n\n        \/* \u521d\u59cb\u64ad\u653e\u6309\u94ae *\/\n        .play-button {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            width: 60px;\n            height: 60px;\n            background-color: rgba(255, 255, 255, 0.9);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            z-index: 5; \n            box-shadow: 0 4px 10px rgba(0,0,0,0.3);\n        }\n\n        .play-button::after {\n            content: \"\";\n            border-style: solid;\n            border-width: 12px 0 12px 20px;\n            border-color: transparent transparent transparent #000;\n            margin-left: 3px;\n        }\n\n        \/* Iframe \u6ee1\u5c4f\u5b9a\u4f4d *\/\n        .video-card iframe {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            border: none;\n            z-index: 10;\n        }\n\n        \/* \u5e95\u90e8\u6309\u94ae *\/\n        .view-more-container { \n            text-align: center; \n            margin-top: 40px; \n            margin-bottom: 30px; \n            position: relative;\n            z-index: 20; \/* \u786e\u4fdd\u6309\u94ae\u5728\u6700\u4e0a\u5c42 *\/\n        }\n        .view-more-btn {\n            padding: 12px 30px;\n            background-color: #fff;\n            border: 1px solid #333;\n            border-radius: 4px;\n            font-size: 16px;\n            color: #000 !important;\n            font-weight: bold;\n            cursor: pointer;\n            font-family: Arial, sans-serif;\n            transition: all 0.2s;\n        }\n        .view-more-btn:hover { background-color: #f5f5f5; }\n\n        \/* \u54cd\u5e94\u5f0f\u9002\u914d *\/\n        @media (max-width: 1200px) {\n            .initial-videos-grid, .more-videos-grid { grid-template-columns: repeat(2, 1fr); }\n        }\n        @media (max-width: 768px) {\n            .initial-videos-grid, .more-videos-grid { grid-template-columns: 1fr; }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"video-grid-wrapper\">\n        <div class=\"initial-videos-grid\">\n            <div class=\"video-card\" data-video-id=\"T_kRP2cY9zc\"><div class=\"play-button\"><\/div><img decoding=\"async\" class=\"video-poster\" src=\"https:\/\/img.youtube.com\/vi\/T_kRP2cY9zc\/mqdefault.jpg\"><\/div>\n            <div class=\"video-card\" data-video-id=\"-H5dsBXWCdI\"><div class=\"play-button\"><\/div><img decoding=\"async\" class=\"video-poster\" src=\"https:\/\/img.youtube.com\/vi\/-H5dsBXWCdI\/mqdefault.jpg\"><\/div>\n            <div class=\"video-card\" data-video-id=\"O-W81OMXVug\"><div class=\"play-button\"><\/div><img decoding=\"async\" class=\"video-poster\" src=\"https:\/\/img.youtube.com\/vi\/O-W81OMXVug\/mqdefault.jpg\"><\/div>\n            <div class=\"video-card\" data-video-id=\"qZBdH4YOp6s\"><div class=\"play-button\"><\/div><img decoding=\"async\" class=\"video-poster\" src=\"https:\/\/img.youtube.com\/vi\/qZBdH4YOp6s\/mqdefault.jpg\"><\/div>\n            <div class=\"video-card\" data-video-id=\"M_HZoCqcJ8I\"><div class=\"play-button\"><\/div><img decoding=\"async\" class=\"video-poster\" src=\"https:\/\/img.youtube.com\/vi\/M_HZoCqcJ8I\/mqdefault.jpg\"><\/div>\n            <div class=\"video-card\" data-video-id=\"CzgCWquqwMI\"><div class=\"play-button\"><\/div><img decoding=\"async\" class=\"video-poster\" src=\"https:\/\/img.youtube.com\/vi\/CzgCWquqwMI\/mqdefault.jpg\"><\/div>\n            <div class=\"video-card\" data-video-id=\"50usZ8ZaeWo\"><div class=\"play-button\"><\/div><img decoding=\"async\" class=\"video-poster\" src=\"https:\/\/img.youtube.com\/vi\/50usZ8ZaeWo\/mqdefault.jpg\"><\/div>\n            <div class=\"video-card\" data-video-id=\"vLbT0HkbvEE\"><div class=\"play-button\"><\/div><img decoding=\"async\" class=\"video-poster\" src=\"https:\/\/img.youtube.com\/vi\/vLbT0HkbvEE\/mqdefault.jpg\"><\/div>\n            <div class=\"video-card\" data-video-id=\"_p1Sh2MAOxs\"><div class=\"play-button\"><\/div><img decoding=\"async\" class=\"video-poster\" src=\"https:\/\/img.youtube.com\/vi\/_p1Sh2MAOxs\/mqdefault.jpg\"><\/div>\n        <\/div>\n\n        <div class=\"more-videos-grid\" id=\"moreVideosGrid\">\n            <div class=\"video-card\" data-video-id=\"TbyZrWmKlw4\"><div class=\"play-button\"><\/div><img decoding=\"async\" class=\"video-poster\" src=\"https:\/\/img.youtube.com\/vi\/TbyZrWmKlw4\/mqdefault.jpg\"><\/div>\n            <div class=\"video-card\" data-video-id=\"yO2i1rUCfvs\"><div class=\"play-button\"><\/div><img decoding=\"async\" class=\"video-poster\" src=\"https:\/\/img.youtube.com\/vi\/yO2i1rUCfvs\/mqdefault.jpg\"><\/div>\n            <div class=\"video-card\" data-video-id=\"Vm5bQv9ByGk\"><div class=\"play-button\"><\/div><img decoding=\"async\" class=\"video-poster\" src=\"https:\/\/img.youtube.com\/vi\/Vm5bQv9ByGk\/mqdefault.jpg\"><\/div>\n            <div class=\"video-card\" data-video-id=\"cYuY0tXS7gs\"><div class=\"play-button\"><\/div><img decoding=\"async\" class=\"video-poster\" src=\"https:\/\/img.youtube.com\/vi\/cYuY0tXS7gs\/mqdefault.jpg\"><\/div>\n            <div class=\"video-card\" data-video-id=\"4-we8eoLEV4\"><div class=\"play-button\"><\/div><img decoding=\"async\" class=\"video-poster\" src=\"https:\/\/img.youtube.com\/vi\/4-we8eoLEV4\/mqdefault.jpg\"><\/div>\n            <div class=\"video-card\" data-video-id=\"CXrXAYms05w\"><div class=\"play-button\"><\/div><img decoding=\"async\" class=\"video-poster\" src=\"https:\/\/img.youtube.com\/vi\/CXrXAYms05w\/mqdefault.jpg\"><\/div>\n            <div class=\"video-card\" data-video-id=\"UES8rwp5onQ\"><div class=\"play-button\"><\/div><img decoding=\"async\" class=\"video-poster\" src=\"https:\/\/img.youtube.com\/vi\/UES8rwp5onQ\/mqdefault.jpg\"><\/div>\n            <div class=\"video-card\" data-video-id=\"_UPT18CULW8\"><div class=\"play-button\"><\/div><img decoding=\"async\" class=\"video-poster\" src=\"https:\/\/img.youtube.com\/vi\/_UPT18CULW8\/mqdefault.jpg\"><\/div>\n            <div class=\"video-card\" data-video-id=\"QLWMPh_KW5c\"><div class=\"play-button\"><\/div><img decoding=\"async\" class=\"video-poster\" src=\"https:\/\/img.youtube.com\/vi\/QLWMPh_KW5c\/mqdefault.jpg\"><\/div>\n        <\/div>\n\n        <div class=\"view-more-container\">\n            <button class=\"view-more-btn\" id=\"viewMoreBtn\">View more<\/button>\n        <\/div>\n    <\/div>\n\n    <script>\n        document.querySelectorAll('.video-card').forEach(card => {\n            card.addEventListener('click', function() {\n                const videoId = this.getAttribute('data-video-id');\n                if (this.querySelector('iframe')) return;\n\n                const iframe = document.createElement('iframe');\n                iframe.setAttribute('src', `https:\/\/www.youtube.com\/embed\/${videoId}?autoplay=1&rel=0&modestbranding=1&controls=1`);\n                iframe.setAttribute('allow', 'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture');\n                iframe.setAttribute('allowfullscreen', '');\n                this.appendChild(iframe);\n            });\n        });\n\n        const viewMoreBtn = document.getElementById('viewMoreBtn');\n        const moreVideosGrid = document.getElementById('moreVideosGrid');\n\n        viewMoreBtn.addEventListener('click', () => {\n            const isShowing = moreVideosGrid.classList.toggle('show');\n            viewMoreBtn.textContent = isShowing ? 'View less' : 'View more';\n            if (isShowing) {\n                moreVideosGrid.scrollIntoView({ behavior: 'smooth', block: 'start' });\n            } else {\n                document.querySelector('.initial-videos-grid').scrollIntoView({ behavior: 'smooth', block: 'start' });\n            }\n        });\n    <\/script>\n<\/body>\n<\/html><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-94c52c5 e-con-full e-flex e-con e-parent\" data-id=\"94c52c5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a955b98 elementor-widget elementor-widget-shortcode\" data-id=\"a955b98\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\n\/* 1. \u4fa7\u8fb9\u680f\u4e3b\u5bb9\u5668 *\/\n.side-contact-drawer {\n    position: fixed;\n    right: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    z-index: 9999999;\n    display: flex;\n    align-items: center;\n    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n    font-family: Arial, sans-serif;\n}\n\n\/* \u9690\u85cf\u72b6\u6001\uff1a\u53ea\u9732\u51fa\u5207\u6362\u6309\u94ae *\/\n.side-contact-drawer.is-closed {\n    transform: translateY(-50%) translateX(calc(100% - 40px));\n}\n\n\/* 2. \u6536\u7f29\/\u5c55\u5f00\u6309\u94ae *\/\n.drawer-toggle-btn {\n    width: 40px;\n    height: 120px;\n    background-color: #ff6a00;\n    color: white;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 10px 0 0 10px;\n    box-shadow: -2px 0 10px rgba(0,0,0,0.1);\n}\n\n.drawer-toggle-btn svg {\n    width: 20px; height: 20px; fill: white;\n    transition: transform 0.4s;\n}\n\n\/* \u5173\u95ed\u65f6\u65cb\u8f6c\u7bad\u5934 *\/\n.is-closed .drawer-toggle-btn svg { transform: rotate(180deg); }\n\n\/* 3. \u4fe1\u606f\u4e3b\u4f53\u9762\u677f *\/\n.drawer-content {\n    width: 240px;\n    background: white;\n    box-shadow: -5px 0 20px rgba(0,0,0,0.15);\n    padding: 15px;\n    border-radius: 0 0 0 10px;\n    border: 1px solid #eee;\n}\n\n\/* \u6536\u85cf\u6309\u94ae\u6837\u5f0f *\/\n.bookmark-btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: #fdf2e9;\n    color: #ff6a00;\n    padding: 8px;\n    border-radius: 5px;\n    text-decoration: none;\n    font-size: 13px;\n    font-weight: bold;\n    margin-bottom: 15px;\n    border: 1px dashed #ff6a00;\n    cursor: pointer;\n}\n.bookmark-btn svg { width: 16px; height: 16px; margin-right: 5px; fill: #ff6a00; }\n\n\/* \u8054\u7cfb\u8be6\u60c5 *\/\n.contact-header {\n    font-size: 16px;\n    font-weight: bold;\n    color: #333;\n    margin-bottom: 15px;\n    border-left: 4px solid #ff6a00;\n    padding-left: 10px;\n}\n\n.info-row { margin-bottom: 10px; }\n.info-label { font-size: 11px; color: #888; text-transform: uppercase; margin-bottom: 2px; }\n.info-value { font-size: 13px; color: #333; font-weight: bold; margin: 0; word-break: break-all; }\n.info-value a { color: #333; text-decoration: none; }\n.info-value a:hover { color: #ff6a00; }\n\n\/* \u4e8c\u7ef4\u7801\u533a *\/\n.qr-box { text-align: center; margin: 15px 0; padding: 10px; background: #f9f9f9; border-radius: 5px; }\n.qr-box img { width: 130px; height: 130px; display: block; margin: 0 auto; }\n.qr-box p { font-size: 12px; color: #666; margin: 8px 0 0; }\n\n\/* \u793e\u4ea4\u5206\u4eab *\/\n.share-title { font-size: 12px; color: #999; text-align: center; margin-bottom: 8px; position: relative; }\n.share-title::before, .share-title::after { content: \"\"; position: absolute; top: 50%; width: 20%; height: 1px; background: #eee; }\n.share-title::before { left: 0; } .share-title::after { right: 0; }\n\n.share-icons { display: flex; justify-content: center; gap: 10px; }\n.share-icons a { width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: 0.3s; }\n.share-icons a svg { width: 16px; height: 16px; fill: white; }\n\n.btn-fb { background: #3b5998; }\n.btn-x  { background: #000000; }\n.btn-in { background: #0077b5; }\n.btn-wechat { background: #07c160; }\n.share-icons a:hover { transform: translateY(-3px); opacity: 0.9; }\n<\/style>\n\n<div class=\"side-contact-drawer\" id=\"myContactDrawer\">\n    <div class=\"drawer-toggle-btn\" onclick=\"toggleDrawer()\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z\"\/><\/svg>\n    <\/div>\n\n    <div class=\"drawer-content\">\n        <div class=\"bookmark-btn\" onclick=\"addBookmark()\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2z\"\/><\/svg>\n            Bookmark Website\n        <\/div>\n\n        <div class=\"contact-header\">Contact Information<\/div>\n        \n        <div class=\"info-row\">\n            <div class=\"info-label\">Contact Person<\/div>\n            <p class=\"info-value\">Sharon<\/p>\n        <\/div>\n\n        <div class=\"info-row\">\n            <div class=\"info-label\">WhatsApp<\/div>\n            <p class=\"info-value\"><a href=\"https:\/\/wa.me\/8613268786568\" target=\"_blank\">+86 13268786568<\/a><\/p>\n        <\/div>\n\n        <div class=\"info-row\">\n            <div class=\"info-label\">Phone<\/div>\n            <p class=\"info-value\"><a href=\"tel:+8613268786568\">+86 13268786568<\/a><\/p>\n        <\/div>\n\n        <div class=\"info-row\">\n            <div class=\"info-label\">Email<\/div>\n            <p class=\"info-value\"><a href=\"mailto:sharon@sz-xinguanghong.com\">sharon@sz-xinguanghong.com<\/a><\/p>\n        <\/div>\n\n        <div class=\"qr-box\">\n            <img decoding=\"async\" src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/ScreenShot_2026-04-24_100945_630.png\" alt=\"WeChat QR\">\n            <p>Scan for WeChat<\/p>\n        <\/div>\n\n        <div class=\"share-title\">Share To<\/div>\n        <div class=\"share-icons\">\n            <a href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https:\/\/www.xghwj.com\" target=\"_blank\" class=\"btn-fb\" title=\"Facebook\">\n                <svg viewBox=\"0 0 24 24\"><path d=\"M18.77 7.46H14.5v-1.9c0-.9.6-1.1 1-1.1h3V.5h-4.33C10.24.5 9.5 3.44 9.5 5.32v2.14h-3v4.11h3v12h5v-12h3.85l.42-4.11z\"\/><\/svg>\n            <\/a>\n            <a href=\"https:\/\/twitter.com\/intent\/tweet?url=https:\/\/www.xghwj.com\" target=\"_blank\" class=\"btn-x\" title=\"X\">\n                <svg viewBox=\"0 0 24 24\"><path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231 5.45-6.231zm-1.161 17.52h1.833L7.084 4.126H5.117l11.966 15.644z\"\/><\/svg>\n            <\/a>\n            <a href=\"https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=https:\/\/www.xghwj.com\" target=\"_blank\" class=\"btn-in\" title=\"LinkedIn\">\n                <svg viewBox=\"0 0 24 24\"><path d=\"M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14m-.5 15.5v-5.3a2.7 2.7 0 0 0-2.7-2.7c-1.1 0-2 .7-2.3 1.2v-1.2H11v8h2.5v-4.4c0-.6.5-1.1 1.1-1.1s1.1.5 1.1 1.1v4.4H18.5M7 18.5V9.5H4.5v9H7M5.8 8.2a1.4 1.4 0 0 0 1.4-1.4c0-.8-.6-1.4-1.4-1.4a1.4 1.4 0 0 0-1.4 1.4c0 .8.6 1.4 1.4 1.4z\"\/><\/svg>\n            <\/a>\n            <a href=\"javascript:void(0)\" class=\"btn-wechat\" title=\"WeChat\" onclick=\"alert('Please use your mobile browser share function to share to WeChat')\">\n                <svg viewBox=\"0 0 24 24\"><path d=\"M8.35 11.51c.36 0 .64-.28.64-.64a.64.64 0 0 0-.64-.64c-.36 0-.64.28-.64.64 0 .36.28.64.64.64zm4.29 0c.36 0 .64-.28.64-.64a.64.64 0 0 0-.64-.64c-.36 0-.64.28-.64.64 0 .36.28.64.64.64zM13 3c-4.97 0-9 3.13-9 7 0 2.1 1.2 3.97 3.05 5.27L6.2 18l2.91-1.46c.61.16 1.24.25 1.89.25 4.97 0 9-3.13 9-7s-4.03-7-9-7z\"\/><\/svg>\n            <\/a>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n\/\/ \u5207\u6362\u62bd\u5c49\u5c55\u5f00\/\u5173\u95ed\nfunction toggleDrawer() {\n    const drawer = document.getElementById('myContactDrawer');\n    drawer.classList.toggle('is-closed');\n}\n\n\/\/ \u6536\u85cf\u529f\u80fd\u903b\u8f91\nfunction addBookmark() {\n    const title = \"Xinguanghong Hardware\";\n    const url = \"https:\/\/www.xghwj.com\";\n    \n    if (window.sidebar && window.sidebar.addPanel) { \/\/ Firefox\n        window.sidebar.addPanel(title, url, \"\");\n    } else if (window.external && ('AddFavorite' in window.external)) { \/\/ IE\n        window.external.AddFavorite(url, title);\n    } else { \/\/ Chrome, Safari, etc.\n        const isMac = navigator.userAgent.toLowerCase().indexOf('mac') != -1;\n        alert(\"Please press \" + (isMac ? 'Command\/Cmd' : 'CTRL') + \" + D to bookmark this website.\");\n    }\n}\n<\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d28f962 elementor-widget elementor-widget-shortcode\" data-id=\"d28f962\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\n\/* ============================================================\n    \ud83d\udd12 \u9501\u6b7b\u5e95\u90e8\u6838\u5fc3\u4ee3\u7801\uff1a\u6e05\u9664\u6240\u6709\u53ef\u80fd\u5bfc\u81f4\u9875\u9762\u5411\u4e0b\u6eda\u52a8\u7684\u5197\u4f59\u7a7a\u95f4\n   ============================================================ *\/\nhtml, body {\n    margin: 0 !important;\n    padding: 0 !important;\n    overscroll-behavior-y: none !important; \n}\n\n\/* 1. \u5916\u90e8\u57fa\u51c6\u5bb9\u5668\uff1a\u6839\u636e\u6bd4\u4f8b\u81ea\u52a8\u6491\u5f00\u9ad8\u5ea6 *\/\n.footer-ratio-wrapper {\n    width: 100% !important;\n    max-width: 1920px !important;\n    margin: 0 auto 0 auto !important; \n    padding-bottom: 0 !important;\n    position: relative !important;\n    overflow: hidden !important;\n    background-color: #333333 !important;\n    display: flex !important; \n    align-items: flex-end !important;\n    height: calc(450px * var(--footer-scale, 1)) !important;\n}\n\n\/* 2. \u7f29\u653e\u753b\u5e03\u5c42 *\/\n.footer-scaler {\n    width: 1920px !important;\n    height: 450px !important;\n    position: absolute !important;\n    left: 0 !important;\n    top: 0 !important;\n    transform-origin: 0 0 !important;\n    transform: scale(var(--footer-scale, 1)) !important; \n    white-space: nowrap !important;\n}\n\n\/* 3. \u7535\u8111\u5927\u5c4f\u4fee\u6b63 *\/\n@media (min-width: 1920px) {\n    .footer-scaler { \n        left: 50% !important; \n        margin-left: -960px !important; \n    }\n}\n\n\/* ============================================================\n   \u5185\u90e8\u6837\u5f0f\u5fae\u8c03\n   ============================================================ *\/\n.custom-footer {\n    width: 1920px !important;\n    height: 450px !important;\n    color: #ffffff !important;\n    font-family: Arial, sans-serif !important;\n    padding: 60px 0 0 0 !important;\n    box-sizing: border-box !important;\n    display: block !important;\n}\n\n.footer-container {\n    width: 1400px !important; \n    margin: 0 auto !important;\n    display: flex !important;\n    justify-content: space-between !important;\n    white-space: normal !important; \n}\n\n.footer-column {\n    flex: 1;\n    padding: 0 30px !important;\n}\n\n.footer-column h4 {\n    color: #ffffff !important;\n    font-size: 24px !important;\n    font-weight: 600 !important;\n    margin: 0 0 35px 0 !important;\n    position: relative !important;\n    text-transform: uppercase;\n}\n\n.footer-column h4::after {\n    content: '';\n    position: absolute;\n    left: 0;\n    bottom: -10px;\n    width: 50px;\n    height: 3px;\n    background-color: #ff6a00; \/* \u4fee\u6539\u4e3a\u54c1\u724c\u6a59\u8272\uff0c\u4e0e\u5bfc\u822a\u6761\u547c\u5e94 *\/\n}\n\n.footer-column ul {\n    list-style: none !important;\n    padding: 0 !important;\n    margin: 0 !important;\n}\n\n.footer-column ul li { \n    margin-bottom: 18px !important; \n    list-style: none !important;\n}\n\n.footer-column a {\n    color: #bbbbbb !important;\n    text-decoration: none !important;\n    font-size: 18px !important;\n    transition: all 0.3s ease !important;\n}\n\n.footer-column a:hover { color: #ff6a00 !important; }\n\n.contact-info p {\n    font-size: 18px !important;\n    color: #bbbbbb !important;\n    margin-bottom: 20px !important;\n    line-height: 1.4 !important;\n}\n\n.footer-bottom {\n    border-top: 1px solid #444444 !important;\n    margin-top: 50px !important;\n    padding-top: 30px !important;\n    text-align: center !important;\n    font-size: 16px !important;\n    color: #888888 !important;\n}\n<\/style>\n\n<div class=\"footer-ratio-wrapper\" id=\"dynamicFooterWrapper\">\n    <div class=\"footer-scaler\">\n        <footer class=\"custom-footer\">\n            <div class=\"footer-container\">\n                <div class=\"footer-column\">\n                    <h4>About Us<\/h4>\n                    <p style=\"font-size: 18px; color: #bbbbbb; line-height: 1.6;\">\n                        Xin Guang Hong Metal & Plastic is a professional manufacturer specializing in high-quality gooseneck tubes for medical, lighting, and communication facilities.\n                    <\/p>\n                <\/div>\n\n                <div class=\"footer-column\">\n                    <h4>Quick Links<\/h4>\n                    <ul>\n                        <li><a href=\"https:\/\/www.xghwj.com\/\">Home<\/a><\/li>\n                        <li><a href=\"https:\/\/www.xghwj.com\/index.php\/our-store\">Products<\/a><\/li>\n                        <li><a href=\"https:\/\/www.xghwj.com\/index.php\/company-profile\/\">Company Profile<\/a><\/li>\n                        <li><a href=\"https:\/\/www.xghwj.com\/index.php\/vidio-tips\/\">Video Tips<\/a><\/li>\n                        <li><a href=\"https:\/\/www.xghwj.com\/index.php\/contact-us\/\">Contact Us<\/a><\/li>\n                    <\/ul>\n                <\/div>\n\n                <div class=\"footer-column\">\n                    <h4>Our Products<\/h4>\n                    <ul>\n                        <li><a href=\"https:\/\/www.xghwj.com\/index.php\/gooseneck\">Gooseneck<\/a><\/li>\n                        <li><a href=\"https:\/\/www.xghwj.com\/index.php\/cnc-part\">CNC Part<\/a><\/li>\n                        <li><a href=\"https:\/\/www.xghwj.com\/index.php\/stamping-part\">Stamping Part<\/a><\/li>\n                        <li><a href=\"https:\/\/www.xghwj.com\/index.php\/plastic-part\">Plastic Part<\/a><\/li>\n                    <\/ul>\n                <\/div>\n\n                <div class=\"footer-column contact-info\">\n                    <h4>Get In Touch<\/h4>\n                    <p>\ud83d\udccd No. 59, Dongxin'an Road, Humen Town, Dongguan, China<\/p>\n                    <p>\ud83d\udcde +86 13268786568<\/p>\n                    <p>\u2709\ufe0f sharon@sz-xinguanghong.com<\/p>\n                    <p>\ud83d\udcac WhatsApp: +86 13268786568<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"footer-bottom\">\n                &copy; 2026 Dongguan Xin Guang Hong Metal & Plastic Co., Ltd. All Rights Reserved.\n            <\/div>\n        <\/footer>\n    <\/div>\n<\/div>\n\n<script>\n    (function() {\n        function updateFooterScale() {\n            const wrapper = document.getElementById('dynamicFooterWrapper');\n            if (wrapper) {\n                const width = wrapper.clientWidth;\n                \/\/ \u8ba1\u7b97\u7f29\u653e\u6bd4\u4f8b\uff0c\u4ee5 1920px \u4e3a\u57fa\u51c6\n                const scale = width < 1920 ? (width \/ 1920) : 1;\n                wrapper.style.setProperty('--footer-scale', scale);\n            }\n        }\n        window.addEventListener('resize', updateFooterScale);\n        window.addEventListener('DOMContentLoaded', updateFooterScale);\n        window.addEventListener('load', updateFooterScale);\n        updateFooterScale();\n        \/\/ \u4fdd\u5e95\u6267\u884c\n        setTimeout(updateFooterScale, 500);\n    })();\n<\/script><\/div>\n\t\t\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>Home Products \u25be Goos [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.xghwj.com\/index.php\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.xghwj.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.xghwj.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.xghwj.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.xghwj.com\/index.php\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":55,"href":"https:\/\/www.xghwj.com\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":593,"href":"https:\/\/www.xghwj.com\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions\/593"}],"wp:attachment":[{"href":"https:\/\/www.xghwj.com\/index.php\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}