Flex video

[one_fourth][accordiongroup][accordion title=”Add-ons”][sidenav][sideitem link=”http://weblusive-themes.com/evolution/styling/alert-boxes/”]Alert Boxes[/sideitem][sideitem link=”http://weblusive-themes.com/evolution/styling/panels/”]Panels[/sideitem][sideitem link=”http://weblusive-themes.com/evolution/styling/pricing-tables/”]Pricing Tables[/sideitem][sideitem link=”http://weblusive-themes.com/evolution/styling/progress-bars/”]Progress Bars[/sideitem][sideitem link=”http://weblusive-themes.com/evolution/styling/tables/”]Tables[/sideitem][sideitem link=”http://weblusive-themes.com/evolution/styling/thumbnails/”]Thumbnails[/sideitem][sideitem link=”http://weblusive-themes.com/evolution/styling/flex-video/”]Flex Video[/sideitem][/sidenav][/accordion][/accordiongroup] [/one_fourth] [three_fourth]

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. [row] [one_half][/one_half] [one_half][/one_half] [/row]
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. [/three_fourth]