{"id":173,"date":"2026-07-21T17:35:10","date_gmt":"2026-07-21T09:35:10","guid":{"rendered":"http:\/\/yuejitoy.com\/?page_id=173"},"modified":"2026-09-14T16:25:24","modified_gmt":"2026-09-14T08:25:24","slug":"video_center","status":"publish","type":"page","link":"https:\/\/yuejitoy.com\/index.php\/video_center\/","title":{"rendered":"Video"},"content":{"rendered":"\n    <div class=\"video-center-container\">\n        <!-- \u9762\u5305\u5c51\u5bfc\u822a -->\n        <div class=\"video-breadcrumb\">\n            <a href=\"https:\/\/yuejitoy.com\">Home<\/a>\n            <span class=\"breadcrumb-sep\"> &gt; <\/span>\n            <span>Video<\/span>\n        <\/div>\n\n        <!-- \u9875\u9762\u5927\u6807\u9898 -->\n        <h2 class=\"video-main-title\">Video Center<\/h2>\n\n        <!-- \u5b50\u6807\u9898\u680f\uff1a\u5206\u7c7b\u540d + \u66f4\u591a\u94fe\u63a5 -->\n        <div class=\"video-subheader\">\n            <h3 class=\"video-sub-title\">Product video<\/h3>\n            <a class=\"video-more-link\" href=\"https:\/\/yuejitoy.com\/index.php\/category\/product-video\/\">More<\/a>\n        <\/div>\n\n        <!-- \u89c6\u9891\u5361\u7247\u7f51\u683c -->\n        <div class=\"video-grid\">\n                            <a class=\"video-card\" href=\"https:\/\/yuejitoy.com\/index.php\/2026\/07\/22\/video1\/\">\n                    <div class=\"video-cover\">\n                                                    <div class=\"video-cover-placeholder\"><\/div>\n                                                <!-- \u5c45\u4e2d\u64ad\u653e\u6309\u94ae -->\n                        <div class=\"video-play-btn\">\n                            <span class=\"play-icon\"><\/span>\n                        <\/div>\n                    <\/div>\n                    <p class=\"video-title\">Product video<\/p>\n                <\/a>\n                    <\/div>\n    <\/div>\n\n    \n\n<style>\n\/* \u89c6\u9891\u4e2d\u5fc3\u4e3b\u5bb9\u5668 *\/\n.video-center-container {\n    max-width: 1280px;\n    margin: 0 auto;\n    padding: 32px 20px;\n    font-family: \"PingFang SC\", \"Microsoft Yahei\", sans-serif;\n    color: #333;\n}\n\n\/* \u9762\u5305\u5c51 *\/\n.video-breadcrumb {\n    font-size: 16px;\n    color: #888;\n    margin-bottom: 48px;\n}\n.video-breadcrumb a {\n    color: #888;\n    text-decoration: none;\n}\n.video-breadcrumb a:hover {\n    color: #333;\n}\n\n\/* \u5927\u6807\u9898 *\/\n.video-main-title {\n    font-size: 32px;\n    font-weight: 700;\n    text-align: center;\n    margin: 0 0 40px 0;\n    color: #222;\n}\n\n\/* \u5b50\u6807\u9898\u680f *\/\n.video-subheader {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 28px;\n}\n.video-sub-title {\n    font-size: 22px;\n    font-weight: 600;\n    margin: 0;\n    color: #222;\n}\n.video-more-link {\n    font-size: 16px;\n    color: #666;\n    text-decoration: none;\n}\n.video-more-link:hover {\n    color: #222;\n}\n\n\n\/* \u89c6\u9891\u7f51\u683c\uff1a3\u5217\u5e03\u5c40 *\/\n.video-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 32px 24px;\n}\n\n\/* \u89c6\u9891\u5361\u7247 *\/\n.video-card {\n    text-decoration: none;\n    color: inherit;\n    display: block;\n    transition: transform 0.3s ease;\n}\n.video-card:hover {\n    transform: translateY(-2px);\n}\n\n\/* \u5c01\u9762\u56fe *\/\n.video-cover {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 16 \/ 9;\n    overflow: hidden;\n    border-radius: 6px;\n    margin-bottom: 14px;\n}\n.video-cover img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    transition: transform 0.3s ease;\n}\n.video-card:hover .video-cover img {\n    transform: scale(1.03);\n}\n.video-cover-placeholder {\n    width: 100%;\n    height: 100%;\n    background: #f5f5f5;\n}\n\n\/* \u5c45\u4e2d\u64ad\u653e\u6309\u94ae *\/\n.video-play-btn {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 48px;\n    height: 48px;\n    border-radius: 50%;\n    background: rgba(255, 255, 255, 0.85);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: background 0.3s ease;\n}\n.video-card:hover .video-play-btn {\n    background: #fff;\n}\n.play-icon {\n    width: 0;\n    height: 0;\n    border-top: 10px solid transparent;\n    border-bottom: 10px solid transparent;\n    border-left: 16px solid #333;\n    margin-left: 3px; \/* \u89c6\u89c9\u5c45\u4e2d\u4fee\u6b63 *\/\n}\n\n\/* \u89c6\u9891\u6807\u9898 *\/\n.video-title {\n    font-size: 15px;\n    color: #333;\n    line-height: 1.5;\n    margin: 0;\n    padding: 0 4px;\n}\n\n.video-empty {\n    grid-column: 1 \/ -1;\n    text-align: center;\n    padding: 60px 0;\n    color: #999;\n}\n\n\/* \u54cd\u5e94\u5f0f\u9002\u914d *\/\n@media (max-width: 992px) {\n    .video-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n@media (max-width: 576px) {\n    .video-grid {\n        grid-template-columns: 1fr;\n    }\n    .video-main-title {\n        font-size: 24px;\n    }\n}\n<\/style>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"wp-custom-template-4","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-173","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/yuejitoy.com\/index.php\/wp-json\/wp\/v2\/pages\/173","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yuejitoy.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yuejitoy.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yuejitoy.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yuejitoy.com\/index.php\/wp-json\/wp\/v2\/comments?post=173"}],"version-history":[{"count":13,"href":"https:\/\/yuejitoy.com\/index.php\/wp-json\/wp\/v2\/pages\/173\/revisions"}],"predecessor-version":[{"id":435,"href":"https:\/\/yuejitoy.com\/index.php\/wp-json\/wp\/v2\/pages\/173\/revisions\/435"}],"wp:attachment":[{"href":"https:\/\/yuejitoy.com\/index.php\/wp-json\/wp\/v2\/media?parent=173"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}