YouTube – Responsive video aspect ratio and embedding options

By | Tutourial & Tips

Maintain iFrame video aspect ratio for responsiveness HTML <div class=”aspect-ratio”> <iframe src=”https://www.youtube.com/embed/NV3bPEjNeKU” frameborder=”0″ width=”550″ height=”275″ frameborder=”0″ allowfullscreen></iframe> </div> CSS /* This element defines the size the iframe will take. In this example we want to have a ratio of 25:14 */ .aspect-ratio { position: relative; width: 100%; height: 0; padding-bottom:…

Read More