Diferenças
Aqui você vê as diferenças entre duas revisões dessa página.
| Ambos lados da revisão anterior Revisão anterior | |||
|
entender-melhor-negocios-digitais [2018/02/12 18:08] efremfilho |
entender-melhor-negocios-digitais [2018/02/12 18:11] (atual) efremfilho |
||
|---|---|---|---|
| Linha 6: | Linha 6: | ||
| <html> | <html> | ||
| - | <iframe width="85%" height="85%" src="https://www.youtube.com/embed/rAMDkAGBn9Q"frameborder="0"gesture="media"allow="encrypted-media" allowfullscreen></iframe> | + | <style> |
| + | .videoWrapper { | ||
| + | position: relative; | ||
| + | padding-bottom: 56.25%; /* 16:9 */ | ||
| + | padding-top: 25px; | ||
| + | height: 0; | ||
| + | } | ||
| + | .videoWrapper iframe { | ||
| + | position: absolute; | ||
| + | top: 0; | ||
| + | left: 0; | ||
| + | width: 75%; | ||
| + | height: 75%; | ||
| + | } | ||
| + | </style> | ||
| + | <div class="videoWrapper"> | ||
| + | <iframe width="560" height="349" src="https://www.youtube.com/embed/rAMDkAGBn9Q"frameborder="0"gesture="media"allow="encrypted-media" allowfullscreen></iframe> | ||
| + | </div> | ||
| - | <iframe width="85%" height="85%" src="https://www.youtube.com/embed/BIRAdc0VTr0"frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe> | + | <div class="videoWrapper"> |
| + | <iframe width="560" height="349" src="https://www.youtube.com/embed/BIRAdc0VTr0"frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe> | ||
| + | </div> | ||
| </html> | </html> | ||
