# EuiBannerVideoComponent

**Type:** component

<p>Content projection component for embedding video content within eui-banner.
Provides consistent styling and layout for video elements in banner contexts.
Must be used as a child of eui-banner component with isVideoBanner enabled.
Accepts any video-related content through content projection.</p>
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;eui-banner [isVideoBanner]=&quot;true&quot; euiSizeL&gt;
  &lt;eui-banner-video&gt;
    &lt;video poster=&quot;thumbnail.jpg&quot; autoplay loop muted&gt;
      &lt;source src=&quot;video.mp4&quot; type=&quot;video/mp4&quot;&gt;
    &lt;/video&gt;
  &lt;/eui-banner-video&gt;
  &lt;eui-banner-title&gt;Innovation in Action&lt;/eui-banner-title&gt;
  &lt;eui-banner-description&gt;Watch our story unfold&lt;/eui-banner-description&gt;
&lt;/eui-banner&gt;</code></pre></div><h3>Accessibility</h3>
<ul>
<li>Video should include captions for users with hearing impairments</li>
<li>Provide poster image for video thumbnail</li>
<li>Use muted attribute for autoplay videos to comply with accessibility guidelines</li>
<li>Consider providing alternative text description of video content</li>
</ul>
<h3>Notes</h3>
<ul>
<li>Must be direct child of eui-banner component</li>
<li>Parent banner should have isVideoBanner set to true</li>
<li>Video element should include poster attribute for initial display</li>
<li>Use autoplay, loop, and muted attributes for background videos</li>
<li>Video is displayed as full-width background</li>
<li>Content (title, description) overlays the video</li>
<li>Consider video file size and format for performance</li>
</ul>


**Selector:** `eui-banner-video`

**Standalone:** false
