O'Reilly logo

Responsive Web Design Patterns by Chelsea Myers

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Implementing videos

With HTML5, videos are a lot easier to implement into our websites. Video services such as Vimeo and YouTube even provide ways for us to embed videos into our site. Less and less are we seeing people hosting their own video. Why would we do that when YouTube will host it, convert it into every format we need, and then give us the one line of HTML we need to put in on my site? Regardless of how you choose to host your videos, you still need to make them scale on your responsive website. The following examples aren't exactly patterns, but instead treatments. Just like you were shown how to scale images, we will review how to scale videos and iframes.

Responsive HTML5 videos

As mentioned, you can host your videos yourself or through ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required