Background Videos
diffrent ways to add background videos
September 22, 2025
Samantha Monty
Chair for Human-Computer Interaction, University of Würzburg

Background Videos

Way of creating Slides with background video :

  1. RevealJS style with data-background-video attribute
  2. decker style with image and title text header
  3. decker style with image and title text header and loop attribute

RevealJS style with data-background-video

RevealJS style with data-background-video




Source code :

# RevealJS style with `data-background-video` {data-background-video="movie.mp4"}

With image and title text header

With image and title text header




Source code :

# With image and title text header ![](movie.mp4)

With image and title text header and loop attribute

With image and title text header and loop attribute




Source code :

# with image and title text header and `loop` attribute ![](movie.mp4){loop="1"}