HTML5 video is fairly new to the web, and all modern browsers can’t play the same formats. Specify Error Message – if a browser does not support HTML5 video, this error message will be displayed. Lower numbers mean the pattern is subtle, and barely visible. Pattern Opacity – control the opacity of the pattern overlay, in %. Pattern Overlay – the name of the pattern file we added for upload (leave blank for none). Loop Video – turn this off to stop playback after first run. Video File (.webm) – the name of the video we added for upload, in. Video File (.mp4) – the name of the video we added for upload, in. Click the widget options flyout menu, and link up your videos: mulib file to load the widget in Muse – drag & drop it on the canvas. Remember the name of your video file, as we will need to enter it directly in the widget.ĭouble click the. Detailed usage instructions are included in the widget download.įirst we need to add our video files and pattern overlay (optional) to our Muse site. This widget is available in the members area of the website, and is included with your annual subscription ( learn more). Pattern overlay: CLICK TO PREVIEW (No Pattern) View a sample video background, without the View a sample video background, with a subtle pattern overlay applied: CLICK TO PREVIEW (Pattern) The tool also gives users the ability to overlay a tiled image or pattern on top of the video.

To simplify the process of embedding video backgrounds, we’re excited to release a new design tool – the Video Backgrounds Widget, which allows you to create effects like these directly in Muse. If you follow the Adobe Muse Site of the Day, you may have noticed the outstanding website designed by Christopher Watson ( This site uses a fullscreen video background on the homepage, which is accomplished by embedding several lines of html / css code.

Muse video widget