diff options
| author | Teddy Wing | 2013-04-27 16:47:54 -0400 |
|---|---|---|
| committer | Teddy Wing | 2013-04-27 16:47:54 -0400 |
| commit | 52127aee97d0d16be652d2063c9aefbbef234f43 (patch) | |
| tree | 2645eb532b8ec8d4d79de5b791b4b7832b6fe500 | |
| parent | ba2b5b1d1d98a9696b21b0cc6c5f58ce812b8413 (diff) | |
| download | Who-am-I-52127aee97d0d16be652d2063c9aefbbef234f43.tar.bz2 | |
Fluid width video
| -rw-r--r-- | index.html | 4 | ||||
| -rw-r--r-- | style.css | 16 |
2 files changed, 19 insertions, 1 deletions
@@ -18,7 +18,9 @@ </head> <body> <div role="main"> - <iframe width="680" height="360" src="http://www.youtube.com/embed/Yj1TXR68BPA" frameborder="0" allowfullscreen></iframe> + <section class="video"> + <iframe width="680" height="360" src="http://www.youtube.com/embed/Yj1TXR68BPA" frameborder="0" allowfullscreen></iframe> + </section> <section id="character-select"> <div class="loadIndicator"><div class="indicator"></div></div> @@ -1,6 +1,22 @@ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0} +section.video { + position: relative; + padding-bottom: 56.25%; + padding-top: 25px; + height: 0; +} + +section.video iframe { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + + #character-select .caption { color: #000; } |