如何在 markdown 文件中添加 GIF 控件
How to add GIF controls in a markdown file
假设我有一个包含以下 gif 的降价文件:

使用 pandoc,我可以通过 运行
将该 .md 文件转换为独立的 HTML 文件
pandoc smile.md -o smile.html --self-contained
打开后,生成的 HTML 文件会立即开始播放图像。但是,我希望仅在用户单击图像时播放该图像。有没有办法在上述过程的某处插入此功能,在 md 文件或 pandoc 调用中?
我进行了一些搜索并阅读了一些有关使用 HTML 标签插入图像和 JS 来创建控件的内容(如果我理解正确的话),但我无法在我的简单示例中使用它它实际上听起来比它应该做的更多。
最简单的方法是使用该视频的 mp4 而不是 gif,如下所示:
{loop=""}
较新的 pandoc 版本将其作为 <video>
元素插入,并向用户提供所有默认控件。
@tarleb 回答了问题并被标记为已接受。但是,无论出于何种原因,有时我无法使其足够可靠地工作。
对我来说似乎总是有效的是将视频作为 HTML 标签插入降价文件中:
<video src="https://media.giphy.com/media/3ndAvMC5LFPNMCzq7m/giphy.mp4" controls></video>
假设我有一个包含以下 gif 的降价文件:

使用 pandoc,我可以通过 运行
将该 .md 文件转换为独立的 HTML 文件pandoc smile.md -o smile.html --self-contained
打开后,生成的 HTML 文件会立即开始播放图像。但是,我希望仅在用户单击图像时播放该图像。有没有办法在上述过程的某处插入此功能,在 md 文件或 pandoc 调用中?
我进行了一些搜索并阅读了一些有关使用 HTML 标签插入图像和 JS 来创建控件的内容(如果我理解正确的话),但我无法在我的简单示例中使用它它实际上听起来比它应该做的更多。
最简单的方法是使用该视频的 mp4 而不是 gif,如下所示:
{loop=""}
较新的 pandoc 版本将其作为 <video>
元素插入,并向用户提供所有默认控件。
@tarleb 回答了问题并被标记为已接受。但是,无论出于何种原因,有时我无法使其足够可靠地工作。
对我来说似乎总是有效的是将视频作为 HTML 标签插入降价文件中:
<video src="https://media.giphy.com/media/3ndAvMC5LFPNMCzq7m/giphy.mp4" controls></video>