MODULE LB-702:  Ambient Video

The LB-702 module enables the page editor to configure an "ambient video" and associate it with a row on a Lookbook page -- the ambient video essentially becomes the row background image. The LB-702 module has no user-visible components of its own; it exists entirely as a "configuration module" to enable the page editor to specify the parameters for the ambient video.

Usage:

The LB-702 should be placed in the page configuration file in the row in which you want the row background to contain the ambient video.  Within the LB-702 module, you need to configure one, or both, of the following "Additional Fields":

- Video mp4: link to mp4 version of video. e.g. http://storage.media.ext.hp.com/ambient-elitebook-1280x720.mp4

- Video webm: link to webm version of video. e.g. http://storage.media.ext.hp.com/ambient-elitebook-1280x720.webm

In addition, you need to specify a row background image.  The ambient video will play on any screen wider than 720px; below 720px, the static row background image will be displayed.

Keywords:

- Bkg image controls row height at all screen sizes (custom-height): Default row background image/video behavior is that the row height changes at different screen widths (>1280px width, height is 600px; between 720px and 1280px width, height is 400px; <720px width, height is 240px). Applying this keyword forces the row height to stay at whatever height is specified in the row background image's metadata "Image Height" field for ALL screen widths. This can be useful to prevent the tops and bottoms of ambient videos from getting cut off.

Usage examples below: