The <Media> component is mostly useful if you have a lot of slides and want to lazy load a video, image or iframe since you can just use regular HTML to do the same thing.

  import { Presentation, Slide, Media } from '@components'

      class="h-[600px] w-full"

Here are the options you can pass to the <Media> component:

Prop Description
type video, img, iframe
src URL or path to local file
autoplay Start playing the media when the slide shows
preload Lazy load iframe