This method allows for videos of any size to respond to device size automatically, without having to set explicit heights or widths on the video itself.

It’s achieved with only a few lines of css. This works well with videos inserted directly on the page and in iframes.

videos-responsive-web-design

The videos on Anyilu stretch across the page and fill the whole space. This gives the page great impact. They respond and resize automatically on different screen sizes.

video-responsive-web-design

The embedded video’s on Brown Thomas use iframes and are fully responsive. No heights or widths are specified, allowing easy content management and quick page creation.