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