Skip to content

Instantly share code, notes, and snippets.

@gsemino

gsemino/sample-video-background-video-embed.html

Last active August 10, 2018 05:37
Show Gist options
  • Save gsemino/d1a49f75de3a4a7678c7d36bc6cf2243 to your computer and use it in GitHub Desktop.
Save gsemino/d1a49f75de3a4a7678c7d36bc6cf2243 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
sample-video-background-video-embed.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>SYNQ.fm Fullscreen Video Sample</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<header>
<video loop muted autoplay playsinline poster="https://media.giphy.com/media/26Ff43GwoaAks9XgY/giphy.gif">
<source src="https://multicdn.synq.fm/projects/24/19/2419e41be6e04824a8f5019076bf61fe/derivatives/videos/8c/41/8c4179f509914ee8a1906193db830756/mp4_720/8c4179f509914ee8a1906193db830756_mp4_720.mp4" type="video/mp4">
<source src="https://multicdn.synq.fm/projects/24/19/2419e41be6e04824a8f5019076bf61fe/derivatives/videos/8c/41/8c4179f509914ee8a1906193db830756/webm_720/8c4179f509914ee8a1906193db830756_webm_720.webm" type="video/webm">
</video>
<div class="banner">
<div class="banner-text">
Header Text Here
</div>
</div>
</header>
<section>
Some Content
</section>
<footer>
<div>
&copy; Copyright SYNQ.fm Inc.
</div>
</footer>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment