50 lines
942 B
Markdown
50 lines
942 B
Markdown
---
|
|
title: 海淀区合唱团表演
|
|
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>
|
|
|
|
<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>
|