Web Components · Global
<mmm-video>
Responsive video embed with poster and autoplay control.
What it is
Wraps YouTube, Vimeo, or self-hosted video with consistent aspect-ratio handling, poster image, and lazy-loading.
When to use
- PDP product videos
- Editorial video heroes
- How-it-works explainers
Attributes
AttributeTypeDefaultDescription
data-srcstring—Video URL — YouTube, Vimeo, or mp4.data-posterstring—Poster image URL.data-autoplaybooleanfalseAutoplay (muted) on viewport entry.idstring—Unique element identifier.classstring—Custom CSS class list.hiddenbooleanfalseHide the element without removing it from the DOM.Examples
Hero video
YouTube embed with custom poster.
<mmm-video data-src="https://youtube.com/watch?v=abc123"
data-poster="/poster.jpg"></mmm-video>