bs-video-background.html.twig in Bootstrap Styles 1.0.x

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 also

template_preprocess_container()

1 theme call to bs-video-background.html.twig

VideoBackground::getInfo in src/Element/VideoBackground.php

Returns the element properties for this element.

File

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" autoplay="autoplay" muted="muted" loop="loop">
    <source src="{{ video_background_url }}" type="video/mp4">
  </video>
  <div class="video-content">
    {{ children }}
  </div>
</div>