{"id":2836,"date":"2025-11-07T19:06:16","date_gmt":"2025-11-07T11:06:16","guid":{"rendered":"https:\/\/www.klwong.hk\/?page_id=2836"},"modified":"2026-07-24T18:16:59","modified_gmt":"2026-07-24T10:16:59","slug":"%e7%ab%8b%e6%b3%95%e6%9c%83%e9%81%b8%e8%88%89%e5%b0%88%e9%a0%81-2-3-2","status":"publish","type":"page","link":"https:\/\/www.klwong.hk\/?page_id=2836","title":{"rendered":"\u7acb\u6cd5\u6703\u9078\u8209\u5c08\u9801"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2836\" class=\"elementor elementor-2836\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6ae954c5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6ae954c5\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5cc03e5c\" data-id=\"5cc03e5c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6d45346f elementor-widget elementor-widget-text-editor\" data-id=\"6d45346f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<!-- Page Content - \u4ece WordPress \u9875\u9762\u5185\u5bb9\u52a0\u8f7d -->\n                    <!-- \u7acb\u6cd5\u6703\u9078\u8209\u5c08\u9801 - \u4e3b\u9801\u5167\u5bb9 -->\n<!-- \u8bf7\u5c06\u6b64\u5185\u5bb9\u590d\u5236\u5230 WordPress \u9875\u9762\u7684\u7f16\u8f91\u5668\u4e2d\uff0c\u5e76\u9009\u62e9 \"Election Home\" \u6a21\u677f -->\n<!-- \u6ce8\u610f\uff1a\u5c01\u9762\u9875\u5df2\u5728\u6a21\u677f\u4e2d\u663e\u793a\uff0c\u6b64\u5904\u53ea\u5305\u542b\u4e3b\u9875\u7279\u6709\u7684\u5bfc\u822a\u94fe\u63a5\u5185\u5bb9 -->\n\n<style>\n    .play-fullscreen-btn:hover {\n        background: rgba(30, 60, 114, 1) !important;\n        transform: scale(1.05);\n    }\n    \/* \u64ad\u653e\u56fe\u6807\u8986\u76d6\u5c42\u6837\u5f0f - Facebook \u98ce\u683c *\/\n    \n    .play-overlay {\n        pointer-events: auto;\n        z-index: 5;\n    }\n    \n    .play-overlay-button {\n        background-image: url(\"https:\/\/static.xx.fbcdn.net\/rsrc.php\/v4\/y6\/r\/WEXl7U8fX95.png\");\n        background-repeat: no-repeat;\n        background-size: 81px 245px;\n        background-position: 0px 0px;\n        background-color: transparent;\n        border: none;\n        border-radius: 50%;\n        cursor: pointer;\n        height: 80px;\n        width: 80px;\n        outline: none;\n        padding: 0;\n        margin: 0;\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        transition: transform 0.3s ease;\n    }\n    \n    .play-overlay:hover .play-overlay-button {\n        transform: translate(-50%, -50%) scale(1.1);\n    }\n    \n    video {\n        z-index: 1;\n    }\n<\/style>\n\n<!-- Navigation Links Section - \u5c0e\u822a\u9023\u7d50\u5340 -->\n<div class=\"ebook-page intro-page\" style=\"text-align: center; padding: 80px 20px; border-left: none !important;\">\n\n     \n    <div style=\"max-width: 1200px; margin: 0 auto;\"> \n\n\n\n        <!-- Facebook Videos Section - \u8996\u983b\u5340 -->\n        <div style=\"margin: 10px 0;\">\n\n\n           \n            <h3 style=\"font-size: 28px; font-weight: bold; color: #2c3e50; margin-bottom: 40px; text-align: center;\">\n                \u53c3\u9078\u5f71\u7247<\/h3>\n            <!-- \u7b2c\u4e00\u987a\u5e8f\uff1a\u65b0\u5f71\u7247 \u5355\u72ec\u4e00\u884c\uff08\u4e3b\u8981\u5f71\u7247\uff09 -->\n            <div style=\"display: flex; justify-content: center; align-items: center; margin-top: 40px; margin-bottom: 60px; width: 100%;\">\n                <div style=\"background: #000; border-radius: 16px; padding: 0; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); transition: transform 0.3s ease, box-shadow 0.3s ease; overflow: hidden; width: 100%; max-width: 600px; position: relative;\">\n                    <div style=\"position: relative; padding-bottom: 100%; height: 0; overflow: hidden; border-radius: 16px; background: #000;\">\n                        <iframe style=\"border: none; overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%;\" src=\"https:\/\/www.facebook.com\/plugins\/video.php?height=476&amp;href=https%3A%2F%2Fwww.facebook.com%2Freel%2F737392862033628%2F&amp;show_text=false&amp;width=476&amp;t=0\" width=\"476\" height=\"476\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n                    <button class=\"play-fullscreen-btn\" style=\"position: absolute; bottom: 20px; right: 20px; background: rgba(30, 60, 114, 0.9); color: #fff; border: none; padding: 12px 24px; border-radius: 8px; font-size: 16px; font-weight: bold; cursor: pointer; z-index: 10; transition: all 0.3s ease;\" data-video-src=\"https:\/\/www.facebook.com\/plugins\/video.php?height=476&amp;href=https%3A%2F%2Fwww.facebook.com%2Freel%2F737392862033628%2F&amp;show_text=false&amp;width=476&amp;t=0\" data-aspect-ratio=\"1\">\u5168\u5c4f\u64ad\u653e<\/button>\n\n                <\/div>\n            <\/div>\n            <!-- \u4e3b\u8981\u7af6\u9078\u5f71\u7247 - 45wongkamleung.mp4 (\u5de6) + Facebook Reel (\u53f3) -->\n            <div style=\"display: flex; justify-content: center; gap: 24px; flex-wrap: wrap; margin-top: 40px; margin-bottom: 60px;\">\n\n                <!-- \u5de6\u5074\u81ea\u5bb6\u5f71\u7247 -->\n                <div style=\"flex: 1 1 360px; order: 2; background: #000; border-radius: 16px; padding: 0; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); transition: transform 0.3s ease, box-shadow 0.3s ease; overflow: hidden; max-width: 800px; position: relative;\">\n                    <div style=\"position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: 16px; background: #000;\">\n                        <video id=\"video-3\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; z-index: 2;\" poster=\"https:\/\/www.klwong.hk\/wp-content\/uploads\/2025\/11\/45wongkamleung.jpg\" preload=\"metadata\" controls=\"controls\" width=\"300\" height=\"150\">\n                            <source src=\"https:\/\/klwong.hk\/wp-content\/uploads\/el\/45wongkamleung.mp4\" type=\"video\/mp4\">\n                            \u60a8\u7684\u700f\u89bd\u5668\u4e0d\u652f\u6301\u8996\u983b\u64ad\u653e\u3002\u8acb\u4f7f\u7528\u73fe\u4ee3\u700f\u89bd\u5668\uff08\u5982 Chrome\u3001Safari\u3001Firefox\uff09\u8a2a\u554f\u6b64\u9801\u9762\u3002\n                        <\/video>\n                        <div id=\"play-overlay-3\" class=\"play-overlay\" style=\"position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); cursor: pointer; z-index: 3; border-radius: 16px; transition: opacity 0.3s; pointer-events: auto; display: block;\">\n                        <\/div>\n                    <\/div>\n                    <button class=\"play-fullscreen-btn\" style=\"position: absolute; bottom: 20px; right: 20px; background: rgba(30, 60, 114, 0.9); color: #fff; border: none; padding: 12px 24px; border-radius: 8px; font-size: 16px; font-weight: bold; cursor: pointer; z-index: 10; transition: all 0.3s ease;\" data-video-src=\"https:\/\/klwong.hk\/wp-content\/uploads\/el\/45wongkamleung.mp4\" data-aspect-ratio=\"1.78\" data-is-mp4=\"true\">\u5168\u5c4f\u64ad\u653e<\/button>\n\n                <\/div>\n                <!-- \u53f3\u5074 Facebook Reel\uff0c\u63a1\u7528\u8207\u5176\u4ed6\u5340\u584a\u4e00\u81f4\u7684\u5361\u7247\u6a23\u5f0f -->\n                <div style=\"flex: 1 1 360px; order: 1; background: #000; border-radius: 16px; padding: 0; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); transition: transform 0.3s ease, box-shadow 0.3s ease; overflow: hidden; max-width: 476px; position: relative;\">\n                    <div style=\"position: relative; padding-bottom: 100%; height: 0; overflow: hidden; border-radius: 16px; background: #000;\">\n                        <iframe style=\"border: none; overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%;\" src=\"https:\/\/www.facebook.com\/plugins\/video.php?height=476&amp;href=https%3A%2F%2Fwww.facebook.com%2Freel%2F1166221678953915%2F&amp;show_text=false&amp;width=476&amp;t=0\" width=\"476\" height=\"476\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n                    <button class=\"play-fullscreen-btn\" style=\"position: absolute; bottom: 20px; right: 20px; background: rgba(30, 60, 114, 0.9); color: #fff; border: none; padding: 12px 24px; border-radius: 8px; font-size: 16px; font-weight: bold; cursor: pointer; z-index: 10; transition: all 0.3s ease;\" data-video-src=\"https:\/\/www.facebook.com\/plugins\/video.php?height=476&amp;href=https%3A%2F%2Fwww.facebook.com%2Freel%2F1166221678953915%2F&amp;show_text=false&amp;width=476&amp;t=0\" data-aspect-ratio=\"1\">\u5168\u5c4f\u64ad\u653e<\/button>\n\n                <\/div>\n            <\/div>\n            <!-- \u7b2c\u4e8c\u987a\u5e8f\uff1aVideo 3 \u72ec\u81ea\u4e00\u884c -->\n            <div style=\"display: flex; justify-content: center; margin-top: 40px; margin-bottom: 60px;\">\n                <div style=\"background: #000; border-radius: 16px; padding: 0; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); transition: transform 0.3s ease, box-shadow 0.3s ease; overflow: hidden; width: 100%; max-width: 800px; position: relative;\">\n                    <div style=\"position: relative; padding-bottom: 42.14%; height: 0; overflow: hidden; border-radius: 16px; background: #000;\">\n                        <iframe style=\"border: none; overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%;\" src=\"https:\/\/www.facebook.com\/plugins\/video.php?height=236&amp;href=https%3A%2F%2Fwww.facebook.com%2Freel%2F829348696524637%2F&amp;show_text=false&amp;width=560&amp;t=0\" width=\"560\" height=\"236\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n                    <button class=\"play-fullscreen-btn\" style=\"position: absolute; bottom: 20px; right: 20px; background: rgba(30, 60, 114, 0.9); color: #fff; border: none; padding: 12px 24px; border-radius: 8px; font-size: 16px; font-weight: bold; cursor: pointer; z-index: 10; transition: all 0.3s ease;\" data-video-src=\"https:\/\/www.facebook.com\/plugins\/video.php?height=236&amp;href=https%3A%2F%2Fwww.facebook.com%2Freel%2F829348696524637%2F&amp;show_text=false&amp;width=560&amp;t=0\" data-aspect-ratio=\"2.37\">\u5168\u5c4f\u64ad\u653e<\/button>\n\n                <\/div>\n            <\/div>\n            <!-- \u7b2c\u4e09\u987a\u5e8f\uff1aVideo 1-2 \u4e00\u884c -->\n            <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); gap: 40px; margin-top: 40px; align-items: start;\">\n\n                <!-- Video 1 - \u6a2a\u5411\u89c6\u9891 560x315 (16:9) -->\n                <div style=\"background: #000; border-radius: 16px; padding: 0; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); transition: transform 0.3s ease, box-shadow 0.3s ease; overflow: hidden; width: auto; position: relative;\">\n                    <div style=\"position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: 16px; background: #000;\">\n                        <iframe style=\"border: none; overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%;\" src=\"https:\/\/www.facebook.com\/plugins\/video.php?height=315&amp;href=https%3A%2F%2Fwww.facebook.com%2Freel%2F814284548059967%2F&amp;show_text=false&amp;width=560&amp;t=0\" width=\"560\" height=\"315\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n                    <button class=\"play-fullscreen-btn\" style=\"position: absolute; bottom: 20px; right: 20px; background: rgba(30, 60, 114, 0.9); color: #fff; border: none; padding: 12px 24px; border-radius: 8px; font-size: 16px; font-weight: bold; cursor: pointer; z-index: 10; transition: all 0.3s ease;\" data-video-src=\"https:\/\/www.facebook.com\/plugins\/video.php?height=315&amp;href=https%3A%2F%2Fwww.facebook.com%2Freel%2F814284548059967%2F&amp;show_text=false&amp;width=560&amp;t=0\" data-aspect-ratio=\"1.78\">\u5168\u5c4f\u64ad\u653e<\/button>\n\n                <\/div>\n                <!-- Video 2 - \u6a2a\u5411\u89c6\u9891 560x314 (\u63a5\u8fd116:9) -->\n                <div style=\"background: #000; border-radius: 16px; padding: 0; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); transition: transform 0.3s ease, box-shadow 0.3s ease; overflow: hidden; width: auto; position: relative;\">\n                    <div style=\"position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: 16px; background: #000;\">\n                        <iframe style=\"border: none; overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%;\" src=\"https:\/\/www.facebook.com\/plugins\/video.php?height=314&amp;href=https%3A%2F%2Fwww.facebook.com%2Freel%2F1206700544641397%2F&amp;show_text=false&amp;width=560&amp;t=0\" width=\"560\" height=\"314\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n                    <button class=\"play-fullscreen-btn\" style=\"position: absolute; bottom: 20px; right: 20px; background: rgba(30, 60, 114, 0.9); color: #fff; border: none; padding: 12px 24px; border-radius: 8px; font-size: 16px; font-weight: bold; cursor: pointer; z-index: 10; transition: all 0.3s ease;\" data-video-src=\"https:\/\/www.facebook.com\/plugins\/video.php?height=314&amp;href=https%3A%2F%2Fwww.facebook.com%2Freel%2F1206700544641397%2F&amp;show_text=false&amp;width=560&amp;t=0\" data-aspect-ratio=\"1.78\">\u5168\u5c4f\u64ad\u653e<\/button>\n\n                <\/div>\n            <\/div>\n\n            <!-- Video Modal -->\n            <div id=\"videoModal\" style=\"display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.9); z-index: 10000; align-items: center; justify-content: center;\">\n                <div id=\"modalContainer\" style=\"position: relative; width: 90%; max-width: 1200px; max-height: 90vh; display: flex; align-items: center; justify-content: center;\">\n\n                    <button id=\"closeModal\" style=\"position: absolute; top: -40px; right: 0; background: transparent; border: none; color: #fff; font-size: 32px; cursor: pointer; z-index: 10001; padding: 5px 15px;\">\u00d7<\/button>\n                    <div id=\"modalVideoContainer\" style=\"position: relative; background: #000; display: flex; align-items: center; justify-content: center;\">\n                        <iframe id=\"modalVideo\" style=\"width: 100%; height: 100%; border: none; display: block; position: absolute; top: 0; left: 0;\" src=\"\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe>\n                        <video id=\"modalVideoMP4\" style=\"width: 100%; height: 100%; display: none; position: absolute; top: 0; left: 0; object-fit: contain;\" autoplay=\"autoplay\" controls=\"controls\" width=\"300\" height=\"150\"><\/video><\/div>\n                <\/div>\n            <\/div>\n            <script>\n                document.addEventListener('DOMContentLoaded', function() {\n                    \/\/ \u5904\u7406\u89c6\u9891\u64ad\u653e\u56fe\u6807\n                    const video3 = document.getElementById('video-3');\n                    const playOverlay3 = document.getElementById('play-overlay-3');\n\n                    if (video3 && playOverlay3) {\n                        const playButton = playOverlay3.querySelector('.play-overlay-button');\n\n                        \/\/ \u70b9\u51fb\u64ad\u653e\u56fe\u6807\u6216\u8986\u76d6\u5c42\u65f6\u64ad\u653e\u89c6\u9891\n                        playOverlay3.addEventListener('click', function(e) {\n                            e.stopPropagation();\n                            video3.play();\n                        });\n\n                        if (playButton) {\n                            playButton.addEventListener('click', function(e) {\n                                e.stopPropagation();\n                                video3.play();\n                            });\n                        }\n\n                        \/\/ \u89c6\u9891\u64ad\u653e\u65f6\u9690\u85cf\u64ad\u653e\u56fe\u6807\n                        video3.addEventListener('play', function() {\n                            playOverlay3.style.display = 'none';\n                        });\n\n                        \/\/ \u89c6\u9891\u6682\u505c\u65f6\u663e\u793a\u64ad\u653e\u56fe\u6807\n                        video3.addEventListener('pause', function() {\n                            playOverlay3.style.display = 'block';\n                        });\n\n                        \/\/ \u89c6\u9891\u7ed3\u675f\u65f6\u663e\u793a\u64ad\u653e\u56fe\u6807\n                        video3.addEventListener('ended', function() {\n                            playOverlay3.style.display = 'block';\n                        });\n\n                        \/\/ \u5f53\u7528\u6237\u70b9\u51fb\u89c6\u9891\u63a7\u4ef6\u65f6\uff0c\u786e\u4fdd\u64ad\u653e\u56fe\u6807\u9690\u85cf\n                        video3.addEventListener('click', function(e) {\n                            \/\/ \u5982\u679c\u70b9\u51fb\u7684\u662f\u89c6\u9891\u63a7\u4ef6\u533a\u57df\uff0c\u9690\u85cf\u64ad\u653e\u56fe\u6807\n                            if (e.target === video3) {\n                                playOverlay3.style.display = 'none';\n                            }\n                        });\n\n                        \/\/ \u521d\u59cb\u72b6\u6001\uff1a\u5982\u679c\u89c6\u9891\u5df2\u52a0\u8f7d\u4e14\u672a\u64ad\u653e\uff0c\u663e\u793a\u64ad\u653e\u56fe\u6807\n                        if (video3.paused) {\n                            playOverlay3.style.display = 'block';\n                        } else {\n                            playOverlay3.style.display = 'none';\n                        }\n                    }\n\n                    const playButtons = document.querySelectorAll('.play-fullscreen-btn');\n                    const modal = document.getElementById('videoModal');\n                    const modalVideo = document.getElementById('modalVideo');\n                    const modalVideoMP4 = document.getElementById('modalVideoMP4');\n                    const modalVideoContainer = document.getElementById('modalVideoContainer');\n                    const modalContainer = document.getElementById('modalContainer');\n                    const closeModal = document.getElementById('closeModal');\n\n                    playButtons.forEach(button => {\n                        button.addEventListener('click', function(e) {\n                            e.stopPropagation();\n                            let videoSrc = this.getAttribute('data-video-src');\n                            const aspectRatio = parseFloat(this.getAttribute(\n                                'data-aspect-ratio')) || 1.78;\n                            const isMP4 = this.getAttribute('data-is-mp4') === 'true';\n\n                            \/\/ \u6839\u636e\u89c6\u9891\u5bbd\u9ad8\u6bd4\u8bbe\u7f6e\u6a21\u6001\u6846\u5bb9\u5668\n                            \/\/ \u56fa\u5b9a\u9ad8\u5ea6\u4e3a748px\uff0c\u5bbd\u5ea6\u6839\u636e\u5bbd\u9ad8\u6bd4\u81ea\u52a8\u8ba1\u7b97\n                            const containerHeight = 748;\n                            const containerWidth = containerHeight * aspectRatio;\n                            const maxWidth = Math.min(window.innerWidth * 0.9, 1200);\n\n                            \/\/ \u5982\u679c\u8ba1\u7b97\u51fa\u7684\u5bbd\u5ea6\u8d85\u8fc7\u9650\u5236\uff0c\u5219\u6309\u5bbd\u5ea6\u91cd\u65b0\u8ba1\u7b97\u9ad8\u5ea6\n                            let finalWidth = containerWidth;\n                            let finalHeight = containerHeight;\n\n                            if (containerWidth > maxWidth) {\n                                finalWidth = maxWidth;\n                                finalHeight = finalWidth \/ aspectRatio;\n                            }\n\n                            \/\/ \u8bbe\u7f6e\u5bb9\u5668\u5c3a\u5bf8\n                            modalVideoContainer.style.width = finalWidth + 'px';\n                            modalVideoContainer.style.height = finalHeight + 'px';\n                            modalVideoContainer.style.maxWidth = '100%';\n                            modalVideoContainer.style.maxHeight = '90vh';\n                            modalVideoContainer.style.borderRadius = '8px';\n                            modalVideoContainer.style.overflow = 'hidden';\n\n                            \/\/ \u6839\u636e\u89c6\u9891\u7c7b\u578b\u9009\u62e9\u64ad\u653e\u65b9\u5f0f\n                            if (isMP4) {\n                                \/\/ MP4 \u89c6\u9891\uff1a\u4f7f\u7528 video \u6807\u7b7e\n                                modalVideo.style.display = 'none';\n                                modalVideoMP4.style.display = 'block';\n                                modalVideoMP4.src = videoSrc;\n                                modalVideoMP4.play().catch(function(e) {\n                                    console.log('MP4 autoplay failed:', e);\n                                });\n                            } else {\n                                \/\/ Facebook \u89c6\u9891\uff1a\u4f7f\u7528 iframe\n                                modalVideoMP4.style.display = 'none';\n                                modalVideo.style.display = 'block';\n\n                                \/\/ \u6dfb\u52a0autoplay\u53c2\u6570\uff0c\u8ba9\u89c6\u9891\u81ea\u52a8\u64ad\u653e\n                                \/\/ Facebook\u89c6\u9891URL\u683c\u5f0f: ...&t=0\uff0c\u6211\u4eec\u5728t=0\u540e\u6dfb\u52a0autoplay\n                                \/\/ if (videoSrc.indexOf('autoplay') === -1) {\n                                \/\/     \/\/ \u5c1d\u8bd5\u591a\u79cdautoplay\u53c2\u6570\u683c\u5f0f\n                                \/\/     if (videoSrc.indexOf('&t=') !== -1) {\n                                \/\/         videoSrc = videoSrc.replace('&t=0', '&t=0&autoplay=1');\n                                \/\/     } else {\n                                \/\/         videoSrc += '&autoplay=1';\n                                \/\/     }\n                                \/\/ }\n\n                                modalVideo.src = videoSrc;\n\n                                \/\/ \u5c1d\u8bd5\u901a\u8fc7iframe API\u89e6\u53d1\u64ad\u653e\uff08\u5982\u679cautoplay\u4e0d\u5de5\u4f5c\uff09\n                                setTimeout(function() {\n                                    try {\n                                        \/\/ \u5c1d\u8bd5\u591a\u79cd\u65b9\u5f0f\u89e6\u53d1\u64ad\u653e\n                                        modalVideo.contentWindow.postMessage(\n                                            '{\"event\":\"command\",\"func\":\"playVideo\",\"args\":\"\"}',\n                                            '*');\n                                        \/\/ \u4e5f\u5c1d\u8bd5\u76f4\u63a5\u8c03\u7528play\u65b9\u6cd5\n                                        if (modalVideo.contentWindow && modalVideo\n                                            .contentWindow.postMessage) {\n                                            modalVideo.contentWindow.postMessage(JSON\n                                                .stringify({\n                                                    event: 'command',\n                                                    func: 'playVideo',\n                                                    args: ''\n                                                }), '*');\n                                        }\n                                    } catch (e) {\n                                        \/\/ Facebook\u89c6\u9891\u53ef\u80fd\u4e0d\u652f\u6301\u6b64API\n                                        console.log('Autoplay fallback:', e);\n                                    }\n                                }, 500);\n\n                                \/\/ \u518d\u6b21\u5c1d\u8bd5\u64ad\u653e\uff08\u5ef6\u8fdf\u66f4\u4e45\uff0c\u786e\u4fddiframe\u5df2\u52a0\u8f7d\uff09\n                                setTimeout(function() {\n                                    try {\n                                        modalVideo.contentWindow.postMessage(JSON\n                                            .stringify({\n                                                event: 'command',\n                                                func: 'playVideo',\n                                                args: ''\n                                            }), '*');\n                                    } catch (e) {\n                                        console.log('Second autoplay attempt:', e);\n                                    }\n                                }, 1000);\n                            }\n\n                            modal.style.display = 'flex';\n                            document.body.style.overflow = 'hidden';\n                        });\n                    });\n\n                    closeModal.addEventListener('click', function() {\n                        modal.style.display = 'none';\n                        modalVideo.src = '';\n                        modalVideoMP4.src = '';\n                        modalVideoMP4.pause();\n                        document.body.style.overflow = '';\n                    });\n\n                    modal.addEventListener('click', function(e) {\n                        if (e.target === modal) {\n                            modal.style.display = 'none';\n                            modalVideo.src = '';\n                            modalVideoMP4.src = '';\n                            modalVideoMP4.pause();\n                            document.body.style.overflow = '';\n                        }\n                    });\n\n                    document.addEventListener('keydown', function(e) {\n                        if (e.key === 'Escape' && modal.style.display === 'flex') {\n                            modal.style.display = 'none';\n                            modalVideo.src = '';\n                            modalVideoMP4.src = '';\n                            modalVideoMP4.pause();\n                            document.body.style.overflow = '';\n                        }\n                    });\n                });\n\n                \/\/ \u9ede\u64ca\u5c01\u9762\u76f4\u63a5\u5168\u5c4f\u64ad\u653e\u5f71\u7247\n                function playVideo(coverId, videoUrl) {\n                    \/\/ \u7372\u53d6\u5f71\u7247\u7de8\u865f\n                    const videoNum = coverId.replace('video-cover-', '');\n\n                    \/\/ \u7372\u53d6\u5168\u5c4f\u64ad\u653e\u6309\u9215\u4e26\u89f8\u767c\u9ede\u64ca\n                    const buttons = document.querySelectorAll('#video-' + videoNum + ' .play-fullscreen-btn');\n                    if (buttons.length > 0) {\n                        \/\/ \u8a2d\u7f6e\u5f71\u7247URL\u5230\u6309\u9215\u7684 data-video-src\n                        buttons[0].setAttribute('data-video-src', videoUrl);\n\n                        \/\/ \u6a21\u64ec\u9ede\u64ca\u5168\u5c4f\u64ad\u653e\u6309\u9215\n                        buttons[0].click();\n                    }\n                }\n            <\/script>\n\n        <\/div>\n\n        <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; margin-top: 60px;\">\n            <a href=\"?page_id=2850\" class=\"nav-link-letter\" data-page=\"letter\" style=\"display: block; text-decoration: none; background: linear-gradient(135deg, rgb(254, 240, 247) 0%, rgb(252, 228, 237) 100%); padding: 40px 30px; border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 15px; transition: transform 0.3s, box-shadow 0.3s; transform: translateY(0px);\" onmouseover=\"this.style.transform='translateY(-5px)'; this.style.boxShadow='0 6px 20px rgba(0,0,0,0.15)';\" onmouseout=\"this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 15px rgba(0,0,0,0.1)';\">\n                <h3 style=\"font-size: 24px; font-weight: bold; color: #e02176; margin-bottom: 15px;\">\u7d66\u9078\u59d4\u7684\u4fe1<\/h3>\n                <p style=\"font-size: 16px; color: #666; line-height: 1.8; text-align: center;\">\u4e86\u89e3\u6211\u7684\u53c3\u9078\u7406\u5ff5\u548c\u5c0d\u9999\u6e2f\u6559\u80b2\u7684\u627f\u8afe<\/p>\n            <\/a>\n\n\n            <a href=\"?page_id=2852\" class=\"nav-link-platform\" data-page=\"platform\" style=\"display: block; text-decoration: none; background: linear-gradient(135deg, #fff8f0 0%, #fff0e0 100%); padding: 40px 30px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); transition: transform 0.3s ease, box-shadow 0.3s ease;\" onmouseover=\"this.style.transform='translateY(-5px)'; this.style.boxShadow='0 6px 20px rgba(0,0,0,0.15)';\" onmouseout=\"this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 15px rgba(0,0,0,0.1)';\">\n                <h3 style=\"font-size: 24px; font-weight: bold; color: #ed8c22; margin-bottom: 15px;\">\u53c3\u9078\u7406\u5ff5<\/h3>\n                <p style=\"font-size: 16px; color: #666; line-height: 1.8; text-align: center;\">\u67e5\u770b\u6211\u7684\u5c65\u6b77\u3001\u69ae\u8b7d\u548c\u516c\u8077\u7d93\u6b77<\/p>\n            <\/a>\n\n            <a href=\"?page_id=2854\" class=\"nav-link-policy\" data-page=\"policy\" style=\"display: block; text-decoration: none; background: linear-gradient(135deg, #f0fffe 0%, #e8f8f5 100%); padding: 40px 30px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); transition: transform 0.3s ease, box-shadow 0.3s ease;\" onmouseover=\"this.style.transform='translateY(-5px)'; this.style.boxShadow='0 6px 20px rgba(0,0,0,0.15)';\" onmouseout=\"this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 15px rgba(0,0,0,0.1)';\">\n                <h3 style=\"font-size: 24px; font-weight: bold; color: #4ecdc4; margin-bottom: 15px;\">\u53c3\u9078\u653f\u7db1<\/h3>\n                <p style=\"font-size: 16px; color: #666; line-height: 1.8; text-align: center;\">\u8a73\u7d30\u4e86\u89e3\u6211\u7684\u4e94\u5927\u653f\u7b56\u4e3b\u5f35<\/p>\n            <\/a>\n        <\/div>\n        <div style=\"margin-top: 60px; padding: 30px; background: rgba(46, 109, 164, 0.1); border-radius: 12px;\">\n            <p style=\"font-size: 18px; color: #2c3e50; line-height: 2; text-align: center;\">\n                <strong>\u300c\u80b2\u624d\u8208\u6e2f\u56fa\u6839\u672c\uff0c\u79d1\u6559\u9818\u822a\u5275\u672a\u4f86\u300d<\/strong> \u9019\u662f\u6211\u5c0d\u9999\u6e2f\u6559\u80b2\u767c\u5c55\u7684\u5805\u5b9a\u627f\u8afe\uff0c\u4e5f\u662f\u6211\u53c3\u9078\u7684\u6838\u5fc3\u7406\u5ff5\u3002\n            <\/p>\n\n        <\/div>\n    <\/div>\n<\/div>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u53c3\u9078\u5f71\u7247 \u5168\u5c4f\u64ad\u653e \u60a8\u7684\u700f\u89bd\u5668\u4e0d\u652f\u6301\u8996\u983b\u64ad\u653e\u3002\u8acb\u4f7f\u7528\u73fe\u4ee3\u700f\u89bd\u5668\uff08\u5982 Chrome\u3001Safari\u3001Firefox [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/election-home.php","meta":{"footnotes":""},"class_list":["post-2836","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.klwong.hk\/index.php?rest_route=\/wp\/v2\/pages\/2836","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.klwong.hk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.klwong.hk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.klwong.hk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.klwong.hk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2836"}],"version-history":[{"count":36,"href":"https:\/\/www.klwong.hk\/index.php?rest_route=\/wp\/v2\/pages\/2836\/revisions"}],"predecessor-version":[{"id":3273,"href":"https:\/\/www.klwong.hk\/index.php?rest_route=\/wp\/v2\/pages\/2836\/revisions\/3273"}],"wp:attachment":[{"href":"https:\/\/www.klwong.hk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2836"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}