Background Image & Video

Background Image Options:

  • Important Note:
    YouTube Videos will only play from a live server.

YouTube Background Video Options:
  • data-ytidThe YouTube Video ID.
  • data-volumeA number between 0-100.  Enter "mute" for no volume.
  • data-forcerewindon off
    Always play the video from the beginning whenever the slide is displayed.
  • data-nextslideatendtrue false
    Choose to automatically change to the next slide when the video ends.
  • data-videoloopnone loop loopandnoslidestop
    Option to automatically replay the video when it ends.  For the "loopandnoslidestop" option, video will loop, but slider will progress to the next slide accordingly).
  • data-videoattributesAdditional options to pass into the YouTube API.  Enter your website's domain as the "origin" value.
  • Important Note:
    Vimeo Videos will only play from an online server.

Vimeo Background Video Options:
  • data-vimeoidThe Vimeo Video ID.
  • data-volumeA number between 0-100.  Enter "mute" for no volume.
  • data-forcerewindon off
    Always play the video from the beginning whenever the slide is displayed.
  • data-nextslideatendtrue false
    Choose to automatically change to the next slide when the video ends.
  • data-videoloopnone loop loopandnoslidestop
    Option to automatically replay the video when it ends.  For the "loopandnoslidestop" option, video will loop, but slider will progress to the next slide accordingly).
  • data-videoattributesAdditional options to pass into the Vimeo API.

HTML5 Background Video Options:
  • data-videomp4The url to your video, in .mp4 format.
  • data-videopreloadnone auto metadata
    The HTML Video preload attribute.
  • data-volumeA number between 0-100.  Enter "mute" for no volume.
  • data-forcerewindon off
    Always play the video from the beginning whenever the slide is displayed.
  • data-nextslideatendtrue false
    Choose to automatically change to the next slide when the video ends.
  • data-videoloopnone loop loopandnoslidestop
    Option to automatically replay the video when it ends.  For the "loopandnoslidestop" option, video will loop, but slider will progress to the next slide accordingly).