IOP Nucleus

Video 

<div class="iop-video is-loading" data-video="youtube:YroojLaaxoE">
    <div class="iop-video__video" data-video-container></div>
    <div class="iop-video__image" style="background-image: url('https://img.youtube.com/vi/YroojLaaxoE/default.jpg')" data-lazy-background="https://img.youtube.com/vi/YroojLaaxoE/maxresdefault.jpg">
    </div>
    <div class="iop-video__cta" data-video-cta></div>
</div>
 
<div class="iop-video is-loading" data-video="{{ [type, id]|join(':') }}">
  <div class="iop-video__video" data-video-container></div>
  <div
    class="iop-video__image"
    style="background-image: url('{{ placeholderImageUrl }}')"
    data-lazy-background="{{ imageUrl }}"
  >
  </div>
  <div class="iop-video__cta" data-video-cta></div>
</div>
 
{
  "type": "youtube",
  "id": "YroojLaaxoE",
  "imageUrl": "https://img.youtube.com/vi/YroojLaaxoE/maxresdefault.jpg",
  "placeholderImageUrl": "https://img.youtube.com/vi/YroojLaaxoE/default.jpg"
}

There are no notes for this item.