Foundation - Flex Video


The flex video is used to embed videos in a container to keep the correct aspect ratio despite the screen size.

The following table lists the classes used to embed the videos.

Sr.No. Flex video details & Description
1 flex-video

As the width of the screen changes, this class can be used to maintain the aspect ratio of the embedded videos.

2 widescreen

By using this class you can set the embedded video's ratio to 16:9.

3 SASS Reference

You can change the styles of the components by using SASS Reference.

The Vimeo videos are distinctive snowflakes of their own. You can add .vimeo class, to wrap vimeo embed in flex video container.