Video

Use native HTML5 <video> for embedded video content. This works in both the online docs and the offline ZIP bundle (no CDN or streaming service required).

Live Example — Video with Poster

Basic Video

<video controls width="100%" style={{ maxWidth: "800px" }}>
  <source src="/media/_templates/abb_arcweld_simulation.mp4" type="video/mp4" />
  Your browser does not support HTML5 video.
</video>

Video with Poster Image

<video
  controls
  width="100%"
  style={{ maxWidth: "800px" }}
  poster="/media/_templates/poster_abb_arcweld.png"
>
  <source src="/media/_templates/abb_arcweld_simulation.mp4" type="video/mp4" />
  Your browser does not support HTML5 video.
</video>

Guidelines

Placement

Place all video files in /media/ or a subdirectory of /media/. Reference them as /media/<filename>.mp4.

Videos ship in the offline ZIP bundle because next export copies everything from media/ into the out/ directory. Keep file sizes small to avoid large bundle downloads.