diff --git a/docs/pages/index/README.md b/docs/pages/index/README.md
index 69296a44..51b4a5e4 100644
--- a/docs/pages/index/README.md
+++ b/docs/pages/index/README.md
@@ -126,6 +126,12 @@ h1 {
 .code_wrapper {
     overflow: auto;
 }
+.biliiframe {
+    width: 100%;
+    min-height: 40em;
+    border-radius: 0.5em;
+    border: 1em solid white;
+}
 @media screen and (min-width: 1280px) {
     .md_page #page_content > div
     {
@@ -137,6 +143,10 @@ h1 {
     .code_wrapper {
         font-size: 0.6em;
     }
+    .biliiframe {
+        width: 100%;
+        min-height: 20em;
+    }
 }
 </style>
 
@@ -298,12 +308,14 @@ MaixVision
 
 ## 更多特性
 
-<div class="flex flex-col justify-center items-center">
+<div class="flex flex-col justify-center items-center w-full">
 
 以下为部分功能简介，更多到[社区](#community)找到更多
 
 基于 MaixPy 提供的丰富 API 可以创造出更多新功能
 
+<iframe src="//player.bilibili.com/player.html?isOutside=true&aid=113485669204279&bvid=BV1ncmRYmEDv&cid=26768769718&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" class="biliiframe"></iframe>
+
 </div>
 
 <div class="flex flex-wrap justify-between">