Video Embed

{#
	{% include '@component-video-embed' with {
		image: '1',
		video: {
			type: '',
			id: '',
			title: ''
		}
	} %}
#}

<!-- Video Embed -->
<div class="video_embed_block">
	<div class="fs-row">
		<div class="fs-cell">
			<figure class="video_embed_figure">
				{% if embed %}
					<div class="video_embed_wrapper">
						<iframe src="https://www.youtube.com/embed/{{ embed }}" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
					</div>
				{% else %}
					{% include '@partial-image' with {
						class: 'video_embed',
						alt: '',
						image: image,
						loading: 'lazy',
						sources: [
							img.wide.xlrg,
							img.wide.lrg,
							img.wide.med,
							img.wide.sml,
							img.wide.xsml,
							img.wide.xxsml
						]
					} %}

					{% include "@partial-lazy-video" with {
						class: "video_embed",
						id: video.id,
						type: video.type,
						autoplay: video.autoplay|default(false),
						title: video.title,
						playerVars: {}
					} %}
				{% endif %}
			</figure>
		</div>
	</div>
</div>
<!-- END: Video Embed -->