Home Page Header: Video

<div class="home_page_header js-page-header">
	<div class="home_page_header_inner">
		<div class="home_page_intro">
			<div class="fs-row">
				<div class="fs-cell fs-lg-10 fs-xl-10">
					<div class="home_page_intro_inner">
						{% if page.title %}
						<h1 class="page_title" id="page_title" tabindex="-1">{{ page.title }}</h1>
						{% endif %}
						{% if  page.description %}
						<div class="home_page_intro_description">
							<div class="page_intro_inner">
								{% if page.description %}
								<p class="home_page_description">{{ page.description }}</p>
								{% endif %}
							</div>
						</div>
						{% endif %}
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<div class="home_page_intro_media">
	<div class="fs-row">
		<div class="fs-cell fs-lg-11">
			{% if page.image or page.video %}
			<div class="home_page_header_media">
				<div class="fs-row">
					<div class="fs-cell">
						<div class="home_page_header_media_inner">
							{% if page.image %}
							<figure class="home_page_header_figure">
								{% include "@partial-image" with {
									class: "home_page_header",
									alt: "",
									image: page.image,
									sources: [
										img.ultrawide.xlrg,
										img.ultrawide.lrg,
										img.ultrawide.med,
										img.wide.sml,
										img.wide.xsml
									]
								} %}
							</figure>
							{% endif %}
							{% if page.video %}
							<div class="home_page_header_video">
								<iframe class="js-page-header-iframe home_page_header_iframe" src="//player.vimeo.com/video/{{ page.video }}?&loop=1&muted=1&background=1" title="{{ page.title }} video" allow="fullscreen" allowfullscreen></iframe>
								<script src="//player.vimeo.com/api/player.js"></script>
							</div>
							<button class="home_page_header_media_play_pause_button js-home-feature-toggle" type="button">
								<span class="home_page_header_media_button_label js-home-feature-label">Pause</span>
								<span class="home_page_header_media_button_icon">
									{{ icon("pause") }}
									{{ icon("play") }}
								</span>
							</button>
							{% endif %}
						</div>
					</div>
				</div>
			</div>
			{% endif %}
		</div>
	</div>
</div>