Flex Video

If you’re embedding a video from YouTube, Vimeo, or another site that uses iframe, embed or object elements, you can wrap your video in div.flex-video to create an intrinsic ratio that will properly scale your video on any device.


Building flex-video containers using our classes is simple, you’ll just need to create a <div class="flex-video"> and apply the classes you want to style it appropriately.

The available class options:

widescreen: Will give the player a widescreen aspect ratio.

vimeo: This will ensure that we don’t add extra padding since Vimeo has controls within the player, itself.