Media

All media components need to be wrapped in a div with the class cmp-video in order to be responsive. If this wrapper is not added manually then it will be added via Javascript once the page loads.

Video Iframe Embed

<div
  class="cmp-video"
  itemprop="video"
  itemscope
  itemtype="http://schema.org/VideoObject"
>
  <span
    itemprop="name"
    content="Module 01 Introduction to Classification and Clustering"
  ></span>
  <span
    itemprop="description"
    content="Lorem ipsum dolor sit amet consectetur adipiscing elit ultricies ultrices, commodo scelerisque sociis facilisis nam sem sociosqu vel, taciti odio ante libero per in mus fringilla."
  ></span>
  <span itemprop="duration" content="222"></span>
  <span
    itemprop="thumbnailUrl"
    content="https://cfvod.kaltura.com/p/1727411/sp/172741100/thumbnail/entry_id/1_px2lvdir/version/100011"
  ></span>
  <span itemprop="uploadDate" content="2019-11-19T19:39:48.000Z"></span>
  <span itemprop="width" content="560"></span>
  <span itemprop="height" content="315"></span>
  <iframe
    title="Module 01 Introduction to Classification and Clustering"
    src="https://cdnapisec.kaltura.com/p/1727411/embedPlaykitJs/uiconf_id/52620252?iframeembed=true&#38;entry_id=1_px2lvdir"
    class="cmp-video__embed"
    style="border: 0; display: block"
    allowfullscreen
    allow="
      autoplay *;
      fullscreen *;
      encrypted-media *;
      picture-in-picture;
      gyroscope;
    "
  ></iframe>
</div>