Skip to content

Commit

Permalink
responsive youtube video CSS
Browse files Browse the repository at this point in the history
  • Loading branch information
Piet Bos committed Apr 25, 2016
1 parent 4406a29 commit 3f2858b
Showing 1 changed file with 34 additions and 0 deletions.
34 changes: 34 additions & 0 deletions CSS/responsive-youtube-videos.css
@@ -0,0 +1,34 @@
/**
* Use as inline styling or add it to the head with an enqueue function
*
* @source: //linkedin.com/groups/1482937/1482937-6129680092030398468
*/


.embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*
<div class='embed-container'>
<!!!!place iframe code here!!!!>
</div>
*/

0 comments on commit 3f2858b

Please sign in to comment.