Flex Video

A FlexVideo component is a container that holds a video and can handle a variety of aspect ratios in a flexible layout. Use it in cases where you need to normalize the presentation of videos with different aspect ratios, or handle videos within a flexible aspect ratio layout.

<div>
  <iframe
    width="420"
    height="315"
    src="https://www.youtube.com/embed/V9gkYw35Vws"
    allowFullScreen
    style={{border:0}}
  />

  <iframe
    width="420"
    height="315"
    src="https://www.youtube.com/embed/aiBt44rrslw"
    allowFullScreen
    style={{border:0}}
  />

  <iframe
    src="http://player.vimeo.com/video/60122989"
    width="400"
    height="225"
    allowFullScreen
    style={{border:0}}
  />
</div>

<div>
  <iframe
    width="420"
    height="315"
    src="https://www.youtube.com/embed/V9gkYw35Vws"
    allowFullScreen
    style={{border:0}}
  />

  <iframe
    width="420"
    height="315"
    src="https://www.youtube.com/embed/aiBt44rrslw"
    allowFullScreen
    style={{border:0}}
  />

  <iframe
    src="http://player.vimeo.com/video/60122989"
    width="400"
    height="225"
    allowFullScreen
    style={{border:0}}
  />
</div>