📝 优化视频嵌入结构

- 将视频嵌入的HTML结构进行了优化，使用了响应式设计以提升在不同设备上的显示效果。

Author: jiangyangcreate

docs/docs/选择编程语言/index.md

@@ -26,4 +26,14 @@ title: 选择编程语言
 
 正式学习编程语言之前，推荐先学习:<HoverText text="8小时计算机科学速成课" explanation="帮你快速认知计算机组成原理、计算机网络、操作系统、人工智能等计算机科学的基础知识。适合0基础认知计算机科学。"/>
 
-<iframe src="//player.bilibili.com/player.html?isOutside=true&aid=21376839&bvid=BV1EW411u7th&cid=38442945&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>
+<div style={{position: 'relative', paddingBottom: '56.25%', height: 0, overflow: 'hidden', maxWidth: '100%'}}>
+  <iframe 
+    src="//player.bilibili.com/player.html?isOutside=true&aid=21376839&bvid=BV1EW411u7th&cid=38442945&p=1" 
+    scrolling="no" 
+    border="0" 
+    frameborder="no" 
+    framespacing="0" 
+    allowfullscreen="true"
+    style={{position: 'absolute', top: 0, left: 0, width: '100%', height: '100%'}}
+  />
+</div>