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> | ||