This is documentation for Neighborhood v1 and may be outdated. Please visit the latest Neighborhood Design System documentation for latest features.

Video
draft

Video element for components.

Open in new window
Viewport:
<video class="nbhd-video nbhd-fluid" autoplay playsinline loop muted poster="https://moen.widen.net/content/xevbnr2frf/web/CES-SneakPeek2023-JumbotronV3.jpg" aria-label="Alternative Text for video.">
  <source src="https://moen.widen.net/stream/hd/moen/xevbnr2frf/CES-SneakPeek2023-JumbotronV3.mp4" type="video/mp4">
</video>

Element Properties

Name Type Default Description
mediaSource object Source object for the Media source from Widen.
cssClass string Additional CSS class(es).
videoPoster string Poster placeholder for video. If nothing is provided will use the preview image from Widen.
muteVideo boolean true Mute or unmute the video.
autoplayVideo boolean true Auto-play and play-inline the video.
loopVideo boolean true Loop the video after video completes.

Integration Status

CSS Sap Commerce React
draft
draft
unavailable