Skip to content

Instantly share code, notes, and snippets.

@sunmughan

sunmughan/Responsive Video Embedding.css

Last active April 13, 2017 16:06
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save sunmughan/c59739fa5a7312d2d662ef12bea29a62 to your computer and use it in GitHub Desktop.
Save sunmughan/c59739fa5a7312d2d662ef12bea29a62 to your computer and use it in GitHub Desktop.
Download ZIP
Responsive Video Embedding Code For Blogs
Raw
Responsive Video Embedding.css
<style>
.video_outer_wrap {
width: 100%;
max-width: 560px;
margin: 15px auto; }
.video_wrap {
position: relative;
padding-bottom: 56%;
padding-top: 0px;
height: 0;
background-color: #000 !important; }
.video_wrap iframe,
.video_wrap object,
.video_wrap embed {
position:absolute;
top:0;
width:100%;
height:100%; }
</style>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment