Parallax Vimeo/YouTube

Parallax looping Vimeo or YouTube video

Widgets

Parallax Vimeo/YouTube

The video autoplays and loops so it should be as short as possible. The widget will insert both Vimeo and YouTube videos by entering only the Video ID.
The default video type is YouTube and this is changed to Vimeo by checking a box.
Parallax Speed
The speed control is a slider with a default setting of 25. If set to zero the image will be fixed in position.
At maximum value there will be no parallax effect and the image will scroll with the rest of the page content.
Overlay
The overlay has a background color control with an opacity slider and has a grid alyout. An HTML% <article> element is centered horizontally and vertically over the image and has a maximum width setting.
Article
The article has a heading and text and an optional link these items have a control for spacing them out vertically.
The font can be web safe or Google hosted with a web safe fallback. The heading has controls for font size, mobile size, text align, letter spacing and text shadow.
The text has controls for font size, color, text align, line height and color.
The optional links can have a border with controls for border width and radius. The border color is inherited from the font color and the hover color from the link text's hover color.

Parallax Image