{# Set up video thumbnail as image #}
{% set video_thumbnail %}
{% set image %}
{% include '@bolt-elements-image/image.twig' with {
attributes: {
src: '/images/placeholders/16x9.jpg',
alt: 'A Rock Climber',
loading: 'lazy',
width: 400,
height: 300,
}
} only %}
{% endset %}
{% include '@bolt-components-video-thumbnail/video-thumbnail.twig' with {
content: image,
video: {
title: 'This is a Video Title',
duration: '4:26',
}
} only %}
{% endset %}
{# Pass video thumbnail as signifier, use link attributes to handle the trigger of modal #}
{% include '@bolt-components-teaser/teaser.twig' with {
signifier: video_thumbnail,
headline: {
text: 'The signifier headline.',
link_attributes: {
type: 'button',
'data-bolt-modal-target': '#' ~ modal_id,
},
},
description: {
content: 'Description.',
}
} only %}