Home » Flex-video
Keranjang Belanja Anda
Jumlah Barang : pcs
Jumlah Nama Barang Total
0 Rp 0,00
keranjang anda kosong

* Klik tombol di bawah ini untuk menyelesaikan pemesanan.

[one_fourth]
[panel type=”widgets” title=”Side Navigation” ][accordiongroup][accordion title=”Add-ons”][sidenav][sideitem link=”http://weblusive.com/epic/styling/alert-boxes/”]Alert Boxes[/sideitem][sideitem link=”http://weblusive.com/epic/styling/panels/”]Panels[/sideitem][sideitem link=”http://weblusive.com/epic/styling/pricing-tables/”]Pricing Tables[/sideitem][sideitem link=”http://weblusive.com/epic/styling/progress-bars/”]Progress bars[/sideitem][sideitem link=”http://weblusive.com/epic/styling/tables/”]Tables[/sideitem][sideitem link=”http://weblusive.com/epic/styling/thumbnails/”]Thumbnails[/sideitem][sideitem link=”http://weblusive.com/epic/styling/flex-video/”]Flex-video[/sideitem][/sidenav][/accordion][/accordiongroup][/panel]
[/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]

4:3 is the default size for the .flex-video element, and the assumption for .flex-video for chrome (controls) height is based on YouTube.
[/one_half]
[one_half]

Because Vimeo places their chrome on the player itself, adding a class of .vimeo creates a container that is sized for the video only — no extra padding for the controls.
[/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]

Tulis komentar Anda tentang Flex-video