Videos are best kept in public/videos/ so they are served as static files without going through the build pipeline. ![[/images/terminal-desk.svg]]

![[/images/terminal-desk.svg]]

How to add your own

  1. Drop the .mp4 file into public/videos/.
  2. Reference it with a root-relative path:
<video controls width="100%">
  <source src="/videos/your-video.mp4" type="video/mp4" />
</video>

Notes

  • Keep files small. Large videos should be hosted on a dedicated platform.
  • Use controls so visitors can play/pause.
  • Add poster="/images/poster.jpg" to show a cover before play.