Skip to content

Instantly share code, notes, and snippets.

@gsemino

gsemino/final-video-source.html

Created November 27, 2017 17:53
Show Gist options
  • Save gsemino/5236bf2f92466aaa7d9fe3515abb3229 to your computer and use it in GitHub Desktop.
Save gsemino/5236bf2f92466aaa7d9fe3515abb3229 to your computer and use it in GitHub Desktop.
Download ZIP
html file with all css added
Raw
final-video-source.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">
<link rel=stylesheet type="text/css" href="main.css">
<link rel=stylesheet type="text/css" href="media_queries.css">
</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