UMD Web Components Library
    Preparing search index...

    Variable videoArrowConst

    videoArrow: ComponentRegistration = ...

    Brand Video Hero Component

    A hero component featuring brand-focused video content with animation support. Designed for impactful homepage and campaign experiences.

    <umd-element-hero-brand-video>

    • headline - Main hero heading
    • text - Supporting text content
    • video - Video element (not slotted, direct child)
    • animation-trigger - Animation trigger options:
      • load - Start animation on component load
    <!-- 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>

    1.0.0