Const
<!-- Basic brand video hero -->
<umd-element-hero-brand-video>
<video autoplay muted loop>
<source src="brand-video.mp4" type="video/mp4">
</video>
<h1 slot="headline">Fearlessly Forward</h1>
<p slot="text">The University of Maryland's strategic vision</p>
</umd-element-hero-brand-video>
<!-- Brand video with load animation -->
<umd-element-hero-brand-video animation-trigger="load">
<video autoplay muted loop>
<source src="campaign.mp4" type="video/mp4">
<source src="campaign.webm" type="video/webm">
</video>
<h1 slot="headline">Do Good</h1>
<p slot="text">
Join us in making a positive impact on our world
</p>
</umd-element-hero-brand-video>
Brand Video Hero Component
A hero component featuring brand-focused video content with animation support. Designed for impactful homepage and campaign experiences.
Custom Element
<umd-element-hero-brand-video>
Slots
headline
- Main hero headingtext
- Supporting text contentDirect Children
video
- Video element (not slotted, direct child)Attributes
animation-trigger
- Animation trigger options:load
- Start animation on component load