Make video responsive, close #21

abcdw · abcdw · commit 23819e3e0ee9 · 2016-07-04T20:01:16.000+03:00
diff --git a/_posts/2015-03-19-checkers-thought-0.markdown b/_posts/2015-03-19-checkers-thought-0.markdown
@@ -41,7 +41,8 @@ __Прежде чем что-то сказать подумайте, сколь
 
 
 Лаконичное выражение очень схожей мысли, [9 минута повествования](https://www.youtube.com/watch?v=W5f61PfELo0&feature=youtu.be&t=9m11s):
-<iframe width="560" height="315" src="https://www.youtube.com/embed/W5f61PfELo0" frameborder="0" allowfullscreen></iframe>
+
+<div class='embed-container'><iframe src='https://player.vimeo.com/video/149978261' frameborder='0' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></div>
 
 Надеюсь у меня получилось донести до вас свою мысль.
 ![ezhik]({{ site.url }}/downloads/ezhik.jpg)
diff --git a/_sass/_base.scss b/_sass/_base.scss
@@ -34,6 +34,8 @@ ul, ol, dl, figure,
     margin-bottom: $spacing-unit / 2;
 }
 
+.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%; }
+
 .tag-list {
     display: block;
     padding-bottom: 30px;

Original file line number	Diff line number	Diff line change
`@@ -34,6 +34,8 @@ ul, ol, dl, figure,`
`34`	`34`	`margin-bottom: $spacing-unit / 2;`
`35`	`35`	`}`
`36`	`36`
	`37`	`+.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%; }`
	`38`	`+`
`37`	`39`	`.tag-list {`
`38`	`40`	`display: block;`
`39`	`41`	`padding-bottom: 30px;`