Media

This section contains information about media in Nova.

This includes the images, videos, and galleries.

FeaturedMedia component

The <FeatureMedia /> component (ref (opens in a new tab)) is a wrapper component for an image, video, or gallery.

Images

Ratios

ℹ️

See PMCP-5547 (opens in a new tab).

Ratio changes are made using 100% CSS, we still need to properly support Automattic/wpcom-thumbnail-editor (opens in a new tab).

The issue is, values set in component defaults aren't available to the models.

One option would be to create image groups, and map them to ratios consistently, although mobile styles that modify aspect ratio are going to throw a different wrench into that (e.g. 2:3 on desktop, 1:1 on mobile).

Needs consulting with design.

Videos

Autoplay

When the previewImage prop on a <Video /> component is null, no preview image will display.

You can change this default on a brand-by-brand basis to enable/disable autoplay on videos.

Note: The template-hub-package also may need to be updated as well.