Как добавить элементы управления GIF в файл уценки

Question

Скажем, у меня есть файл уценки со следующим gif:

![OMD, that smile...](https://media.giphy.com/media/3ndAvMC5LFPNMCzq7m/giphy.gif)

Используя pando c, я могу преобразовать этот файл .md в автономный файл HTML, запустив

pandoc smile.md -o smile.html --self-contained

При открытии результирующий файл HTML немедленно начинает воспроизведение изображения. Однако я хотел бы, чтобы изображение воспроизводилось только тогда, когда пользователь нажимает на него. Есть ли способ вставить эту функцию где-то в вышеописанном процессе, либо в файле md, либо в вызове pando c?

Я провел некоторый поиск и кое-что прочитал об использовании тегов HTML для вставки изображение и JS для создания элементов управления (если я правильно понял), но я не мог заставить его работать в моем простом примере, и на самом деле это звучало как большая работа, чем следовало.

Answer 1

Самый простой способ - использовать mp4 этого видео вместо gif, например так:

![OMD, that smile...](https://media.giphy.com/media/3ndAvMC5LFPNMCzq7m/giphy.mp4){loop=""}

Более новые версии pando c вставляют его как элемент <video> со всеми значениями по умолчанию элементы управления доступны для пользователя.

Answer 2

@ tarleb ответит на вопрос и помечен как принятый для этого. Однако по какой-то причине иногда я не могу заставить это работать достаточно надежно.

Мне кажется, что всегда работает вставка видео в виде тега HTML в файл уценки:

<video src="https://media.giphy.com/media/3ndAvMC5LFPNMCzq7m/giphy.mp4" controls></video>