Join Now

Instructions - Video Backgrounds Widget

In order to display HTML5 video and ensure browser compatibliity, we need to upload two versions of our video - an .mp4 file, and a .webm file.  You can convert any video to these file formats using the free website:  http://www.online-convert.com

We do not recommend using HTML5 video on the mobile or tablet versions of your website.

 

STEP 1 - UPLOAD YOUR VIDEOS

  1. Open a new or existing Muse website.

  2. Click FILE > ADD FILES FOR UPLOAD.
    Select your video files and a pattern overlay (overlay is optional)

  3. The next time you publish your website, these files will be uploaded to the /assets folder.

 

 

STEP 2 - LOAD THE WIDGET

  1. Download the Video Backgrounds widget to your computer (.zip).  Extract the contents to a folder on your computer.

  2. Double click the “.mulib” file - this will add the widget to Adobe Muse.

  3. Once the widget is loaded into Muse, drag and drop it out onto the canvas.

*Note - you may want to remove any page fills that will layer above the video.

 

 

STEP 3 - LINK YOUR VIDEOS

Click on the widget options flyout (blue arrow), and edit the
options as follows:
  • Video File (.mp4) – the name of the video we added for upload, in .mp4 format
  • Video File (.webm) – the name of the video we added for upload, in .webm format
  • Loop Video – turn this off to stop playback after first run. Turned on by default.
  • Pattern Overlay – the name of the pattern file we added for upload (leave blank for none).
  • Pattern Opacity – control the opacity of the pattern overlay, in %. Lower numbers mean the pattern is subtle, and barely visible.
  • Specify Error Message – if a browser does not support HTML5 video, this error message will be displayed.

 

STEP 4 - PUBLISH THE SITE

Click publish in Muse.  Uploads for videos othen take longer, due to the increased file size.

 

For more help using this widget, visit our support portal

 

 

 

Trusted by over 50,000 Muse Designers

Join now to download our entire library of templates, widgets, and tutorials Join Now