Chapter 5Handling Media
In this chapter, we’re going to learn some ways to to add snazzy videos and images to our sites using Foundation and then add some styling. We’ll discover some handy components that add to the user experience, such as image slideshows and lightboxes. So, let’s take a look.
Integrating Video into Your Page
What do you do when you need to integrate a YouTube video into your web page? You grab the HTML embed code from YouTube and paste it into your HTML file, right? However, these embed codes usually come with a predefined height and width, so making such videos responsive can be difficult.
Fortunately, Foundation gives us a component called flex video that wraps the embed code of any video source and makes it responsive. ...
Get Jump Start Foundation now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
