elementor / modules / atomic-widgets / elements / atomic-background-video / atomic-background-video.html.twig

atomic-background-video.html.twig in Elementor Website Builder – more than just a page builder 4.3.1, at modules/atomic-widgets/elements/atomic-background-video/atomic-background-video.html.twig

35 lines 1.5 KB

Raw Download Zip

1	{% import 'elementor/macros' as m %}
2	{% set state_class = '' %}
3	{% if settings.state == 'playing' %}{% set state_class = 'e-background-video--playing' %}{% endif %}
4	{% if settings.state == 'paused' %}{% set state_class = 'e-background-video--paused' %}{% endif %}
5	{% set classes = ['e-background-video', 'e-con', 'e-atomic-element', base_styles.base, state_class, m.default_tag_class('div')] \| merge(settings.classes \| default([])) \| join(' ') %}
6	<div class="{{ classes }} {{ editor_classes \| default('') }}"
7	data-id="{{ id }}"
8	data-element_type="{{ type }}"
9	data-e-type="{{ type }}"
10	data-interaction-id="{{ interaction_id }}"
11	data-interactions="{{ interactions \| json_encode \| e('html_attr') }}"
12	x-data="eBackgroundVideo{{ id }}"
13	x-bind="rootState"
14	data-e-settings="{{ settings \| json_encode \| e('html_attr') }}"
15	{% if settings._cssid is defined and settings._cssid is not empty %}
16	id="{{ settings._cssid \| e('html_attr') }}"
17	{% endif %}
18	{% if settings.attributes is defined and settings.attributes is not empty %}
19	{{ settings.attributes \| raw }}
20	{% endif %}
21	{{ editor_attributes \| default('') \| raw }}>
22	{% if settings.source.url is not empty %}
23	<video class="e-background-video__media"
24	aria-hidden="true"
25	{% if settings.autoplay %}autoplay{% endif %}
26	{% if settings.mute %}muted{% endif %}
27	{% if settings.loop %}loop{% endif %}
28	playsinline
29	preload="auto">
30	<source src="{{ settings.source.url \| e('full_url') }}{{ video_timings }}">
31	</video>
32	{% endif %}
33	<!-- elementor-children-placeholder -->
34	</div>
35