Skip to content

Instantly share code, notes, and snippets.

@thangnt1202
Created February 20, 2019 04:05
Show Gist options
  • Save thangnt1202/9c174cdd27b8faefbdbe30866688588b to your computer and use it in GitHub Desktop.
Save thangnt1202/9c174cdd27b8faefbdbe30866688588b to your computer and use it in GitHub Desktop.
Full screen video, example from demosthene.info by // source https://jsbin.com/tahipaw/2
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Full screen video, example from demosthene.info by </title>
<style id="jsbin-css">
body {
margin:0;
padding:0;
overflow:hidden;
}
video {
width:100%;
height:auto;
}
</style>
</head>
<body>
<header>
<video style="width: 1457px; height: auto; visibility: visible;"
autoplay="autoplay"
muted="muted"
loop
poster="https://mainline.i3s.unice.fr/mooc/uk-brand-campaign.jpg">
<source src="http://mainline.i3s.unice.fr/mooc/uk-brand-campaign.mp4"
type="video/mp4">
<source src="http://mainline.i3s.unice.fr/mooc/uk-brand-campaign.webm"
type="video/webm">
</video>
</header>
<section>
<h1>Paypal video full screen using only CSS</h1>
</section>
<script id="jsbin-source-css" type="text/css"> body {
margin:0;
padding:0;
overflow:hidden;
}
video {
width:100%;
height:auto;
}</script>
</body>
</html>
body {
margin:0;
padding:0;
overflow:hidden;
}
video {
width:100%;
height:auto;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment