- Foundation Tutorial
- Foundation - Home
- Foundation - Overview
- Foundation - Installation
- Foundation - Starter Projects
- Foundation - Kitchen Sink
- Foundation General
- Foundation - Global Styles
- Foundation - Sass
- Foundation - JavaScript
- Foundation - JavaScript Utilities
- Foundation - Media Queries
- Foundation - The Grid
- Foundation - Flex Grid
- Foundation - Forms
- Foundation - Visibility Classes
- Foundation - Base Typography
- Foundation - Typography Helpers
- Foundation - Basic Controls
- Foundation - Navigation
- Foundation - Containers
- Foundation - Media
- Foundation - Plugins
- Foundation SASS
- Foundation - Sass Functions
- Foundation - Sass Mixins
- Foundation Libraries
- Foundation - Motion UI
- Foundation Useful Resources
- Foundation - Quick Guide
- Foundation - Useful Resources
- Foundation - Discussion
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.
foundation_media.htm
Advertisements