Video backgrounds

Video backgrounds can be added to your Ensemble powered site, including a text overlay. You will need to add a video in 3 separate formats, WEBM, MP4, and OGV, this will create the greatest cross browser compatibility for your video. The Ensemble grid can then be used to insert text in an overlay.

Please note: Some mobile devices do not support auto playing video, in these devices your video will be replaced by a static "poster" image, this is not a fault with the Ensemble framework, or any individual theme built on the framework.

For a great source of free video backgrounds please check out coverr

<div class="video-background">
	<video autoplay loop poster="/video/Type/Snapshots/Type.jpg" class="video">
	    <source src="/video/Type/WEBM/Type.webm" type="video/webm">
	    <source src="/video/Type/MP4/Type.mp4" type="video/webm">
	    <source src="/video/Type/OGV/Type.ogv" type="video/webm">
	</video>
	<div class="video-background__content">
		<div class="grid-container">
			<div class="grid-row">
				<div class="column-12 text-color-10">
					<h3 class="text-color-10">
						This is a video caption heading
					</h3>
					<p>
						This is a video caption
					</p>
				</div>
			</div>
		</div>
	</div>
</div>