Origami Frontend Components & Services

SassDoc: o-video

o-video is not maintained by the Origami team. This means that the Origami team will not necessarily be able to help you with support requests. The people who maintain this component may be able to offer support, but it's not guaranteed.

oVideo(opts)

parameter type default description
opts ['attributes': ('ads', 'info', 'placeholder'), 'sizes': ('small', 'medium', 'large')] Outputs all video styles

Links

oOverlayContentClose

Overlay close button styles.

The output does not include a class definition, and should be wrapped in a selector.

Example

Output button styles

.my-close-button {
    @include oOverlayContentClose();
}

Links

o-share-is-silent

Silent mode

Links

o-share-icon-size

Default icon size

Links

o-share-icon-small-size

Small variant icon size

Links

o-share-border-size

Border size

Links

o-share-border-style

Border style

Links

o-share-image-service-base-url

Option to change the base of the image service url

Links

o-share-image-service-version

Option to change the version of the image service url

Links

oVideo(opts)

parameter type default description
opts ['attributes': ('ads', 'info', 'placeholder'), 'sizes': ('small', 'medium', 'large')] Outputs all video styles

Links

Status
active
Switch component view

GitHub: o-video@7.2.3

Install o-video

If using the Build Service, add o-video@^7.2.3 to your script and link tags.

If using the npm package manager for a Manual Build, run npm install --save-peer "@financial-times/o-video@^7.2.3".

Help & Support

o-video is not supported directly by the Origami team. We make no guarantees, but will help if we can. First try contacting its maintainers at:

Slack: #content-innovation
Email: content-innovation-team.customer-products@ft.com