Skip to content

mkdocs-video

Repo

https://github.com/soulless-viewer/mkdocs-video

Install

Terminal
yuichi@MacBookAir-M2 ~/repos/fa26_kannai_site %  source venv/bin/activate
(venv) yuichi@MacBookAir-M2 ~/repos/fa26_kannai_site %  pip install mkdocs-video
mkdocs.yml
plugins:
  - search
  - mkdocs-video
requirements.txt
# Plugins
mkdocs-git-revision-date-localized-plugin ~= 1.1.0
mkdocs-video

Usage

.
├── images
│   ├── presentation.mp4
│   └── presentation.png
└── index.md

Markdown syntax for image

![alt text](images/presentation.png)

alt text

For Video (Work)

![type:video](images/presentation.mp4)

<video controls src="images/presentation.mp4" title="Title"></video>

Doesn’t work

![alt text](images/presentation.mp4)

alt text

HTML (Work)

html
<video controls src="images/presentation.mp4" title="Title"></video>

Note

If it is from non-index.md

.
├── images
│   ├── presentation.mp4
│   └── presentation.png
└── non-index.md
Extra../ is required
html
<video controls src="../images/presentation.mp4" title="Title"></video>