Join Christopher Schmitt for an in-depth discussion in this video Flexible video embedding, part of Responsive Media.
So here, we have a typical native video element, nothing too surprising.…Next, we wrap a div element around the video…and set a class attribute to that of video-container.…Next we tell the browser to increase the video to a width of 100%.…But we keep it contained by making sure the container…element doesn't blow out our layout by stretching it too much.…So we set the video container to a max width…
- Using percentage-based values for scaling
- Resizing typography
- Using icon fonts
- Embedding HTML5 video content
- Resizing and compressing raster images
- Compressing vector images