Markdown在VScode编辑器下插入视频

Question

想问一下如何实现markdown的插入本地视频的相对路径？(如果不使用在线视频链接的方式)
插入图片可以使用相对路径，将文件夹分享给他人也不会导致图片不可见。
视频目前我见到的方法只有使用绝对路径，一旦将视频的绝对路径改为相对路径，视频就不可播放了

编辑器：VS code

希望实现的目标:不使用在线视频链接的方式，插入本地视频，并且将文件夹分享给他人，也能保持插入文档的视频可以正常播放
。
要求：提供代码，使用举例的方式实现

此部分为最终追加，不再追加问题：
将插入视频的md文档导出为Html文件，要求能控制视频播放框显示的大小、位置，实现居中效果
能实现给视频添加名称(类似于图名:Figure 2)
能够实现两个视频并排播放(一个居左另一个居右)

Answer 1

参考自AICG

在Markdown中直接插入本地视频并确保其在导出为HTML时正常播放，确实需要一些额外的配置。Markdown本身并不直接支持视频标签，但我们可以使用HTML标签来实现这一功能，并且可以利用相对路径。为了确保分享文件夹后视频仍然可以播放，所有的资源（包括视频和Markdown文件）应该放置在同一目录或有明确的相对路径。

下面我将提供一个例子，展示如何在Markdown中嵌入本地视频，以及如何设置视频的大小、位置等属性。此例也包括了两个视频并排显示的方法，并添加了类似于图名的说明。

首先，确保你的文件结构如下：

project/
├── README.md
├── video1.mp4
├── video2.mp4
└── style.css

在 README.md 中插入视频

# 我的项目文档

## 单个居中的视频

<video controls width="600" style="display:block; margin-left:auto; margin-right:auto;">
  <source src="./video1.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video>
<p style="text-align:center;">图名: Figure 1 - 视频描述</p>

## 并排的两个视频

<div style="display:flex; justify-content:space-between;">
  <div style="flex:1; padding-right:10px;">
    <video controls width="300">
      <source src="./video1.mp4" type="video/mp4">
      Video not supported.
    </video>
    <p style="text-align:center;">图名: Figure 2 - 视频1描述</p>
  </div>
  <div style="flex:1; padding-left:10px;">
    <video controls width="300">
      <source src="./video2.mp4" type="video/mp4">
      Video not supported.
    </video>
    <p style="text-align:center;">图名: Figure 3 - 视频2描述</p>
  </div>
</div>

关于导出为HTML

当您使用VS Code或其他工具将Markdown文件导出为HTML时，请确保这些工具能够正确处理内联的HTML代码。如果导出工具不支持直接嵌入HTML，则可能需要先将Markdown转换为HTML，然后再手动调整生成的HTML文件以确保样式和布局符合要求。

此外，如果您希望更精确地控制样式（例如视频播放框的位置），您可以创建一个单独的CSS文件（如上面提到的style.css），并在HTML文件中引用它。这将使您的样式更加模块化，并易于维护。

请注意，不同的Markdown解析器可能会对HTML的支持程度不同，因此在实际操作中请根据使用的具体工具进行适当的调整。