Basic Broadcast
A hero style element that reveals a video on interaction with a trigger button.
Important Notes:A theme and/or background image is recommended to illustrate the expanding of the container.A semantic trigger is required when creating a Broadcast section.To relate a trigger to a specific broadcast, add the data-bolt-broadcast-target attribute to a button and set the value to the <broadcast>’s unique id (eg. #broadcast-1). The trigger will toggle the broadcast's appearance as well as the video's play state.
Demo
Twig
{% set content %}
{% include '@bolt-elements-button/button.twig' with {
content: 'Play video',
attributes: {
type: 'button',
'data-bolt-broadcast-target': '#broadcast-1',
}
} only %}
{% endset %}
{% set video %}
..
{% endset %}
{% include '@bolt-components-broadcast/broadcast.twig' with {
content: content,
video: video,
attributes: {
class: 't-bolt-gray-xlight',
id: 'broadcast-1',
}
} only %}