Also Available For WordPress
Display awesome full screen media backgrounds
You can display full screen video, image, and/or color backgrounds. Supports videos from YouTube, Vimeo, Wistia, Dailymotion, and HTML5.
See how it works on the demo site.
Simple to Use
Just link UMBG’s CSS file to your html page and add jQuery and UMBG’s script file to your specific html page and set the options you need.
Full of Options
All of the necessary options to display full screen backgrounds to your needs:
- Append To
- Media Type
- Media ID or File Location
- Media Link
- Overlay – 43 styles included
- Quality – HD or SD
- Auto Playback
- Start At
- End At
- Loop – fade-out media background at end of playback option
- Audio – Start audio muted option
- Controls – change it’s visibility, colors & placement
- Page-Up-Down (PUD)
- Fade-In-Out (FIO)
- Enlarge Media – hide unwanted objects
- Aspect Ratio
- Image Display Duration
- Image Transition Duration
- Image Effect
- Image Effect Easing
- Disable on mobile devices
- Scroll-to-Top Button
- Keyboard Controls
- And many more!
Page-Up-Down (PUD) allows the page to be scroll up and down to display a full view of the media background. Fully adjustable for all your needs.
Fade-In-Out (FIO) lets you set an opacity (transparency) effect for a better view of the media background.
- Documentation File – Mobile Friendly
- UMBG Files Folder (includes UMBG-Slider)
- UMBG Zipped Files Folder (includes UMBG-Slider)
- Read Me File – readme.txt
What media can I use?
With UMBG you can use videos, images, or colors to display beautiful full screen backgrounds. Supports HTML5 videos and hosted videos from YouTube, Vimeo, Dailymotion, and Wistia. You can also use multiple images to create a full screen slideshow.
Does it work on mobile devices?
Mobile devices do not autoplay videos but UMBG replaces them with a poster image that you pre-select. You can use UMBG’s mobile device options to enable or disable displaying on mobile devices.
What UMBG does not do?
UMBG is not a media editor. It only lets you use the media you select as a full screen background and helps you adapt the media to a page with the available options. For media needs that go beyond what UMBG can do please use a media editing software to modify the media file further or consult the proper professional.
Does it include videos or images?
UMBG does not include any media. It does not include any videos or any images. You must use videos from the supported video hosting websites or use an HTML5 video or upload your own images to use with UMBG. Only the overlay patterns are included with UMBG.
UMBG requires jQuery version 1.11.x or 2.1.x.