IntraCDL UI

Vimeo Full Width 

<div class="c-vimeo-full-width">
    <div class="c-vimeo-full-width__embed" style="padding:54.43% 0 0 0;position:relative;">
        <iframe src="https://player.vimeo.com/video/854502345?title=0&byline=0&portrait=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
    </div>
    <div class="c-vimeo-full-width__caption">
        <p>
            WEST Deselection Resources Workshop
        </p>
    </div>
    <a class="c-vimeo-full-width__more-link" href="https://cdlib.org">Meeting Agenda</a>
    <script src="https://player.vimeo.com/api/player.js"></script>
</div>
 
<div class="c-vimeo-full-width">
  {{!-- Embed HTML provided by Vimeo for responsive sizing: --}}
  <div class="c-vimeo-full-width__embed" style="padding:54.43% 0 0 0;position:relative;">
    <iframe src="https://player.vimeo.com/video/{{ vimeo.id }}?title=0&byline=0&portrait=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
  </div>
  <div class="c-vimeo-full-width__caption">
    <p>
      {{ vimeo.caption }}
    </p>
  </div>
  <a class="c-vimeo-full-width__more-link" href="{{ vimeo.link.url }}">{{ vimeo.link.text }}</a>
  <script src="https://player.vimeo.com/api/player.js"></script>
</div>
 
{
  "vimeo": {
    "id": "854502345",
    "caption": "WEST Deselection Resources Workshop",
    "link": {
      "text": "Meeting Agenda",
      "url": "https://cdlib.org"
    }
  }
}

No notes defined.