diff --git a/.vitepress/theme/components/bilibli-player/index.vue b/.vitepress/theme/components/bilibli-player/index.vue
index dfbac7c..c839417 100644
--- a/.vitepress/theme/components/bilibli-player/index.vue
+++ b/.vitepress/theme/components/bilibli-player/index.vue
@@ -99,6 +99,8 @@ onMounted(() => {
     min-height: 225px;
     width: 52.36vw;
     height: 28.26vw;
+    border: 2px solid var(--vp-c-brand-3);
+    border-radius: 8px;
     aspect-ratio: 16/9;
     border-radius: .5em;
     overflow: hidden;
@@ -106,6 +108,21 @@ onMounted(() => {
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
 }
 
+
+@media (max-width: 2700px) {
+    .bilibili-player-container {
+        width: 88%;
+        height: 100%;
+    }
+}
+
+@media (max-width: 1200px) {
+    .bilibili-player-container {
+        width: 95%;
+        height: 100%;
+    }
+}
+
 .bilibili-player-container:hover {
     border-color: var(--vp-c-brand-1);
     box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
diff --git a/en/index.md b/en/index.md
index 3d870a6..28c2f6b 100644
--- a/en/index.md
+++ b/en/index.md
@@ -46,10 +46,9 @@ Resolve Issues in Your MCP Agent Development
 <span>Providing Fun and Convenience for Your MCP Agent Development</span>
 </h2>
 
-<BiliPlayer
-  url="//player.bilibili.com/player.html?isOutside=true&aid=114445745397200&bvid=BV1zYGozgEHcautoplay=false"
-  cover="https://picx.zhimg.com/80/v2-8c1f5d99066ed272554146ed8caf7cc3_1440w.png"
-/>
+<div class="bilibili-player-container" style="display:flex; width: 100%; justify-content: center;">
+<iframe width="90%" height="580" src="https://www.youtube.com/embed/S7igsEhcLiw?si=6sqvbYJxSRoFS26g" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+</div>
 
 <br>
 
diff --git a/index.md b/index.md
index e61dcfe..3eaa807 100644
--- a/index.md
+++ b/index.md
@@ -49,8 +49,8 @@ features:
 </h2>
 
 <BiliPlayer
-  url="//player.bilibili.com/player.html?isOutside=true&aid=114445745397200&bvid=BV1zYGozgEHcautoplay=false"
-  cover="https://picx.zhimg.com/80/v2-8c1f5d99066ed272554146ed8caf7cc3_1440w.png"
+  url="//player.bilibili.com/player.html?isOutside=true&aid=114654638511901&bvid=BV1MFTBzpEtZ&cid=30412178228&p=1"
+  cover="https://picx.zhimg.com/80/v2-ed6a7eb80dfeb2f188f11d89ca6c4b5a_1440w.png"
 />
 
 <br>
diff --git a/ja/index.md b/ja/index.md
index 407d228..6414022 100644
--- a/ja/index.md
+++ b/ja/index.md
@@ -46,10 +46,9 @@ features:
 <span>MCPエージェント開発に楽しさと利便性をもたらす</span>
 </h2>
 
-<BiliPlayer
-  url="//player.bilibili.com/player.html?isOutside=true&aid=114445745397200&bvid=BV1zYGozgEHcautoplay=false"
-  cover="https://picx.zhimg.com/80/v2-8c1f5d99066ed272554146ed8caf7cc3_1440w.png"
-/>
+<div class="bilibili-player-container" style="display:flex; width: 100%; justify-content: center;">
+<iframe width="90%" height="580" src="https://www.youtube.com/embed/S7igsEhcLiw?si=6sqvbYJxSRoFS26g" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+</div>
 
 <br>