Responsive Video

In order for a video to be responsive, the video should always expand to fill the width of its container while maintaining its original aspect ratio. We want to avoid static sizing that can break page layouts, distort the image, or display black bars around the video. This page gathers resources about how to make responsive videos.
Table of Contents:
Below we have compiled publicly available sources from around the world that present views on Responsive Video.

Perspectives on Responsive Video

How To

Examples

Responsive Video Plugins

Further Reading

  • Responsive VideoIn order for a video to be responsive, the video should always expand to fill the width of its container while maintaining its original aspect ratio. We want to avoid static sizing that can break page layouts, distort the image, or display black bars around the video. This page gathers resources about how to make responsive videos.
  • Video Effects and FiltersThis page gathers resources about manipulating videos using filters and effects including video effects APIs and code examples.

Still Managing Images and Video In-House?

Try Cloudinary for free and automate rich media on your website

 

  • No labels