Responsive Fullscreen Video
Download
View Demo
Free with subscription

Responsive Fullscreen Video

Add a responsive fullscreen background video to your Adobe Muse website.
Select Mp4 video or WebM video

Select Mp4 video or WebM video

Add an mp4 video, webm video, or both. Set a poster image for browsers and devices that do not play video automatically.
Add color and mesh overlay

Add color and mesh overlay

Add a color or mesh overlay over the video.
Set video options

Set video options

Autoplay, loop, mute, preload, and play inline on tablet and mobile devices.
Add a play and pause button

Add a play and pause button

Add a play and pause button for devices that don't play video automatically.
Disable at breakpoint

Disable at breakpoint

Hide the video at a specific breakpoint. This is helpful when you don't want the video on smaller devices and different layouts.
Responsive-Ready

Video responds to the browser width. Video does not play automatically on tablet and mobile devices, and will be replaced by a poster image on those devices. You can add a play button for those devices so the user has the option to play the video on tablet and mobile devices.

Multi-Browser Support

Google Chrome
Mozilla Firefox
Safari
Opera
Microsoft Edge
Internet Explorer IE 11+

Version 1.3
Last updated on 02.18.2018

Make Better Websites, Starting Today.

All access pass for only $49/year.
Version 1.3
Version 1.3
02.18.2018
  • Fixed issue with elements not scrolling when video is fixed in browser.
  • Added “External URL” widget to allow for the video to be hosted on another server.
Version 1.3
02.17.2018
  • Ability to play video inline on tablet and mobile devices.
  • Fixed issue with fullscreen video not filling the entire browser in Microsoft Edge and Internet Explorer browsers.
Version 1.2
12.19.2016
  • Ability to add custom play and pause button when enabling play button at a certain breakpoint.
  • Fixed issue with play button still showing when disabling video at a certain breakpoint.