<div class="vimeo-embed" data-cy="video-embed">
<lite-vimeo videoid="860232965" videotitle="Vimeo video title">
<a class="lite-vimeo-fallback" href="https://vimeo.com/860232965">Watch on Vimeo: "Vimeo video title"</a>
</lite-vimeo>
<figcaption class="vimeo-embed__caption">Disable Javascript in the browser to see the fallback link.</figcaption>
</div>
{{ enqueue_script('js/vimeo') }}
<div class="vimeo-embed"
data-cy="video-embed"
>
<lite-vimeo
videoid="{{ fields.oembed.id }}"
videotitle="{{ fields.oembed.title }}"
>
<a class="lite-vimeo-fallback" href="https://vimeo.com/{{ fields.oembed.id }}">Watch on Vimeo: "{{ fields.oembed.title }}"</a>
</lite-vimeo>
{% if fields.caption %}
<figcaption class="vimeo-embed__caption">{{ fields.caption }}</figcaption>
{% endif %}
</div>
{
"fields": {
"oembed": {
"id": "860232965",
"title": "Vimeo video title"
},
"caption": "Disable Javascript in the browser to see the fallback link."
}
}
lite-vimeo
border-radius 8px
No notes defined.