A Repository for random web demonstrations

#13 jQuery jQuery responsive video iframes

Date - 2015-02-11

Aspect Ratio 16:9

Aspect Ratio 3:2

Aspect Ratio 4:3

A jQuery method of controlling the size of video iframes to make them responsive.

This method takes the iframe video code, in this case supplied by Vimeo, and on page load stores the aspect ratios of each video.

It then uses this aspect ratio to work out the iframe size when the browser window is resized.

The three videos have aspect ratios of 16:9, 3:2 and 4:3


Copyright © - all rights reserved