bootstrap_styles-1.0.x-dev/templates/bs-video-background.html.twig

{#
/**
 * @file
 * Default theme implementation of a container used to wrap child elements.
 *
 * Used for grouped form items. Can also be used as a theme wrapper for any
 * renderable element, to surround it with a <div> and HTML attributes.
 * See \Drupal\Core\Render\Element\RenderElement for more
 * information on the #theme_wrappers render array property, and
 * \Drupal\Core\Render\Element\container for usage of the container render
 * element.
 *
 * Available variables:
 * - attributes: HTML attributes for the containing element.
 * - children: The rendered child elements of the container.
 * - has_parent: A flag to indicate that the container has one or more parent containers.
 *
 * @see template_preprocess_container()
 *
 * @ingroup themeable
 */
#}

{%
  set classes = [
    has_parent ? 'js-form-wrapper',
    has_parent ? 'form-wrapper',
    'background-local-video',
  ]
%}

{{ attach_library('bootstrap_styles/plugin.background_media.build') }}

<div{{ attributes.addClass(classes) }}>
  <video playsinline="playsinline" aria-hidden="true" autoplay="autoplay" muted="muted" loop="loop">
    <source src="{{ video_background_url }}" type="video/mp4">
  </video>
  <div class="video-content">
    {{ children }}
  </div>
</div>