video标签 增加上下集

`<video>` 标签是HTML5用于嵌入视频内容的基本元素。如果你想在HTML中展示视频系列，如上下集，你可以按照以下步骤操作：

1. **添加单集视频**：

   <video controls>
     <source src="episode1.mp4" type="video/mp4">
     <source src="episode1.webm" type="video/webm">
     Your browser does not support the video tag.
   </video>

这里假设第一集中有`episode1.mp4` 和 `episode1.webm`两个版本。

2. **标识上下集**：
为了区分上下集，你可以添加额外的信息，比如`<div>`元素，并使用CSS来样式化它们：

   <div class="episodes">
     <div class="episode episode1">第1集</div>
     <video class="episode-video episode1" controls>
       <!-- 视频链接 -->
     </video>
     <div class="episode episode2">第2集</div>
     <!-- 同样的结构，替换src和class为episode2 -->
   </div>

3. **交互设计**：
可能还需要JavaScript来控制播放顺序或提供切换按钮等交互功能。例如：

   const episodes = document.querySelectorAll('.episode');
   episodes.forEach((episode) => {
     episode.addEventListener('click', () => {
       const video = episode.previousElementSibling;
       video.play();
     });
   });