Video

A responsive container for embedded video. The video is scaled to the width of its container and maintains its aspect ratio.

<div class="mzp-c-video ">
  <video controls="controls" width="640" height="360"
   poster="../../../static/img/video/video.jpg">
    <source src="../../../static/video/video.webm"
     type="video/webm">
  </video>
</div>

Notes

Supports either inline video with the HTML5 video element or an iframe for services like YouTube.
Supports either a 16:9 aspect ratio (the default) or a 4:3 aspect ratio with an additional class:
- mzp-has-aspect-4-3
See additional examples in a Split component