We've come to the end of our journey through responsive video, where we've covered a variety of useful effects. Let's take a moment to consider what we've covered in this chapter. We began with a brief look at video formats that work well with responsive video design; as part of this, we covered how easy it is to convert other formats into one of the recognized HTML5 video formats.

We then looked at embedding content into a page, using standard HTML5 tags, and noted some of the issues that appear. We then moved on and took a look at determining how we can get the available viewport size, as a replacement for media queries when working with videos. We then took a look at catering to support for other formats, followed by a look at using JavaScript libraries to provide fall back support for videos.

We then covered how you can provide support for different mobile platforms, using popular video players such as VideoJS. We then finished with a look at providing support for full size videos...