How to use the widget and add content below the fullscreen video cover?
If you would like to have some content over the fullscreen video, as in the example above, it is advised to use our Browser Centering Widget with the Responsive Fullscreen Video Widget.
If you would like to have some content below the video, the distance of the content from the video is determined by the distance of the content from the top of the website.
For example, if you want your page content to be at a distance of 160px from the video, as in this example, you should put it at a distance of 160px from the top, that is, Y = 160px
There are 2 widgets included with the Responsive Fullscreen Video Widget. They are:
Drag the 'Responsive Fullscreen Video' widget and place onto your Adobe Muse website. It can be placed off-canvas.
Open widget options. In 'Video' section, add the video files and a poster image
If you would like your video to have a color or mesh overlay, enable that option in 'Overlay' section within widget options. The example above has both the color overlay (#4d16dd with 0.7 opacity) and the mesh overlay. Visit http://patternify.com to create a mesh overlay. Once the mesh overlay is created you can copy the base64 code from patternify.com and paste into the widget.
Back to Shop