{"id":164,"date":"2026-02-13T12:38:48","date_gmt":"2026-02-13T04:38:48","guid":{"rendered":"https:\/\/blog.dojo-zf.art\/?page_id=164"},"modified":"2026-02-26T20:41:47","modified_gmt":"2026-02-26T12:41:47","slug":"dojo-show","status":"publish","type":"page","link":"https:\/\/dojo-zf.art\/","title":{"rendered":""},"content":{"rendered":"\n<style>\n  \/* --- 1. \u57fa\u7840\u6e05\u7406 --- *\/\n  header, footer, #masthead, #colophon, .site-header, .site-footer {\n    display: none !important;\n  }\n  \n  body, html {\n    margin: 0 !important;\n    padding: 0 !important;\n    background: #000 !important; \n    width: 100%;\n    height: 100%;\n    overflow: hidden !important;\n  }\n\n  \/* --- 2. \u89c6\u9891\u5bb9\u5668 --- *\/\n  #dojo-video-wrapper {\n    position: fixed !important;\n    top: 0 !important;\n    left: 0 !important;\n    width: 100vw !important;\n    height: 100vh !important;\n    z-index: 1 !important; \n    pointer-events: none; \n    background: #000 url('https:\/\/blog.dojo-zf.art\/wp-content\/uploads\/2026\/02\/DOJO-poster.jpg') no-repeat center center;\n    background-size: cover;\n  }\n\n  #dojo-bg-video {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    min-width: 100vw; \n    min-height: 100vh;\n    width: auto;\n    height: auto;\n    transform: translate(-50%, -50%);\n    object-fit: cover;\n  }\n\n  \/* --- 3. \u6309\u94ae\u6837\u5f0f --- *\/\n  #dojo-sound-btn {\n    position: fixed !important;\n    bottom: 20px !important; \n    left: 20px !important; \n    z-index: 2147483647 !important; \n    width: 50px;\n    height: 50px;\n    border-radius: 50%;\n    background: rgba(0, 0, 0, 0.5);\n    backdrop-filter: blur(5px);\n    color: #fff;\n    border: 1px solid rgba(255, 255, 255, 0.4);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    cursor: pointer;\n    font-size: 24px;\n    padding: 0;\n    outline: none;\n    -webkit-tap-highlight-color: transparent;\n    box-shadow: 0 4px 10px rgba(0,0,0,0.3);\n    transition: all 0.3s ease;\n  }\n\n  @media (min-width: 768px) {\n      #dojo-sound-btn {\n          bottom: 30px !important;\n          left: 30px !important;\n          width: 55px;\n          height: 55px;\n      }\n  }\n<\/style>\n\n<div id=\"dojo-video-wrapper\">\n  <video \n    id=\"dojo-bg-video\"\n    autoplay \n    muted \n    loop \n    preload=\"auto\"\n    playsinline \n    webkit-playsinline \n    x5-video-player-type=\"h5-page\"\n    x5-video-player-fullscreen=\"true\"\n    poster=\"https:\/\/blog.dojo-zf.art\/wp-content\/uploads\/2026\/02\/DOJO-poster.jpg\">\n    <source src=\"https:\/\/blog.dojo-zf.art\/wp-content\/uploads\/2026\/02\/DOJO-allday-480.mp4\" type=\"video\/mp4\">\n  <\/video>\n<\/div>\n\n<button id=\"dojo-sound-btn\">\ud83d\udd07<\/button>\n\n<script>\n  (function() {\n    var video = document.getElementById(\"dojo-bg-video\");\n    var btn = document.getElementById('dojo-sound-btn');\n    var wrapper = document.getElementById('dojo-video-wrapper');\n\n    \/\/ 1. \u7acb\u5373\u5c1d\u8bd5\u5728 body \u5c42\u7ea7\u6302\u8f7d\n    function initElements() {\n      if (wrapper && document.body && wrapper.parentNode !== document.body) {\n          document.body.appendChild(wrapper);\n          document.body.appendChild(btn);\n      }\n    }\n\n    \/\/ 2. \u6838\u5fc3\u64ad\u653e\u51fd\u6570\n    function forcePlay() {\n      video.load(); \/\/ \u5173\u952e\uff1a\u5f3a\u5236\u91cd\u65b0\u52a0\u8f7d\u5a92\u4f53\u8d44\u6e90\n      var playPromise = video.play();\n      if (playPromise !== undefined) {\n        playPromise.then(function() {\n          console.log(\"Autoplay started\");\n        }).catch(function(error) {\n          console.log(\"Autoplay prevented, waiting for interaction\");\n        });\n      }\n    }\n\n    \/\/ 3. \u5404\u79cd\u73af\u5883\u4e0b\u7684\u542f\u52a8\u76d1\u542c\n    initElements();\n    \n    \/\/ \u5fae\u4fe1\u73af\u5883\u7279\u6b8a\u5904\u7406\n    if (typeof WeixinJSBridgeReady === \"undefined\") {\n      document.addEventListener(\"WeixinJSBridgeReady\", function() {\n        forcePlay();\n      }, false);\n    } else {\n      forcePlay();\n    }\n\n    \/\/ \u901a\u7528\u73af\u5883\n    window.addEventListener('load', forcePlay);\n    document.addEventListener('touchstart', function once() {\n      \/\/ \u7528\u6237\u7b2c\u4e00\u6b21\u70b9\u51fb\u5c4f\u5e55\u65f6\uff0c\u5982\u679c\u6ca1\u64ad\uff0c\u5f3a\u5236\u64ad\n      if (video.paused) forcePlay();\n      document.removeEventListener('touchstart', once);\n    }, false);\n\n    \/\/ 4. \u97f3\u91cf\u6309\u94ae\u903b\u8f91\n    btn.addEventListener(\"click\", function(e) {\n      e.stopPropagation();\n      if (video.muted) {\n        video.muted = false;\n        video.play();\n        btn.innerHTML = \"\ud83d\udd0a\";\n        btn.style.background = \"rgba(255, 255, 255, 0.2)\";\n      } else {\n        video.muted = true;\n        btn.innerHTML = \"\ud83d\udd07\";\n        btn.style.background = \"rgba(0, 0, 0, 0.5)\";\n      }\n    });\n  })();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\ud83d\udd07<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"blank","meta":{"footnotes":""},"class_list":["post-164","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dojo-zf.art\/index.php?rest_route=\/wp\/v2\/pages\/164","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dojo-zf.art\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dojo-zf.art\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dojo-zf.art\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dojo-zf.art\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=164"}],"version-history":[{"count":16,"href":"https:\/\/dojo-zf.art\/index.php?rest_route=\/wp\/v2\/pages\/164\/revisions"}],"predecessor-version":[{"id":197,"href":"https:\/\/dojo-zf.art\/index.php?rest_route=\/wp\/v2\/pages\/164\/revisions\/197"}],"wp:attachment":[{"href":"https:\/\/dojo-zf.art\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=164"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}