Custom theme (replace with client name)

YouTube embed: No Video Javascript 

<figure class="youtube-embed" data-cy="youtube-embed">
    <lite-youtube videoid="3cynqSLcV7o" videotitle="YouTube video title" posterloading="lazy" posterquality="maxresdefault">
        <a class="lite-youtube-fallback" href="https://www.youtube.com/watch?v=3cynqSLcV7o">Watch on YouTube: "YouTube video title"</a>
    </lite-youtube>
    <figcaption class="youtube-embed__caption">Disable Javascript in the browser to see the fallback link.</figcaption>
</figure>
 
{{ enqueue_script('js/youtube') }}

<figure class="youtube-embed"
    data-cy="youtube-embed"
>
    <lite-youtube
        videoid="{{ fields.oembed.id }}"
        videotitle="{{ fields.oembed.title }}"
        posterloading="lazy"
        posterquality="maxresdefault"
    >
        <a class="lite-youtube-fallback" href="https://www.youtube.com/watch?v={{ fields.oembed.id }}">Watch on YouTube: "{{ fields.oembed.title }}"</a>
    </lite-youtube>
    {% if fields.caption %}
        <figcaption class="youtube-embed__caption">{{ fields.caption }}</figcaption>
    {% endif %}
</figure>
 
{
  "fields": {
    "oembed": {
      "id": "3cynqSLcV7o",
      "title": "YouTube video title"
    },
    "caption": "Disable Javascript in the browser to see the fallback link."
  }
}

No notes defined.