compile

content/music/Choir_show/index.md

@@ -1,7 +1,49 @@
 ---
 title: 海淀区合唱团表演
-date: '2025-12-10'
+date: "2025-12-10"
 ---
 
+<div class="video-container">
+  <video 
+    controls 
+    preload="metadata"
+    poster="/path/to/poster.jpg" <!-- 可选：视频封面 -->
+    width="100%"
+    style="border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.1);">
+    
+    <source src="choir_show.mp4" type="video/mp4">
+    
+    <!-- 浏览器不支持时的备选方案 -->
+    <p>您的浏览器不支持 HTML5 视频。请
+      <a href="choir_show.mp4">下载视频</a>
+    </p>
+  </video>
+  
+  <div class="video-caption">
+    <p>合唱团表演视频 | 2023年音乐会</p>
+  </div>
+</div>
 
-[choir_show.mp4](choir_show.mp4)
+<style>
+.video-container {
+  max-width: 800px;
+  margin: 2rem auto;
+}
+
+video {
+  display: block;
+  background: #000;
+}
+
+.video-caption {
+  text-align: center;
+  margin-top: 10px;
+  color: #666;
+  font-size: 0.9em;
+}
+
+/* 深色模式适配 */
+[data-darkmode] video {
+  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
+}
+</style>

content/music/Choir_show/index.qmd

@@ -1,8 +0,0 @@
----
-title: "海淀区合唱团表演"
-date: "2025-12-10"
----
-
-
-
-{{< video choir_show.mp4 >}}