custom/plugins/VideoHero/src/Resources/views/storefront/element/cms-element-hero-video.html.twig line 1

Open in your IDE?
  1. {% block element_hero_video %}
  2.     <div class="hero-video">
  3.         <div class="embed-container">
  4.             <div class="hero-video-container embed-container__inner">
  5.                 <video id="hero-video" class="video-in-background" preload="metadata" playsinline=""
  6.                        webkit-playsinline="" loop="" autoplay="" muted="">
  7.                     <source src="{{ element.config.videoUrl.value|trans }}"
  8.                             type="video/mp4">
  9.                 </video>
  11.                 {% block element_hero_video_content_wrapper %}
  12.                     <div class="hero-video-content-wrapper">
  13.                         <div class="hero-video-content-wrapper-inner">
  14.                             {% block element_hero_video_text_content %}
  15.                                 {% set videoTitle = element.config.videoTitle.value %}
  16.                                 {% set videoSubtitle = element.config.videoSubtitle.value %}
  17.                                 {% if videoTitle %}
  18.                                     <h2 class="hero-video-text hero-video-text--title">{{ videoTitle|trans|striptags }}</h2>
  19.                                 {% endif %}
  20.                                 {% if videoSubtitle %}
  21.                                     <h3 class="hero-video-text hero-video-text--subtitle">{{ videoSubtitle|trans|striptags }}</h3>
  22.                                 {% endif %}
  23.                                 {% block element_hero_video_cta %}
  24.                                     {% set videoCtaLink = element.config.videoCtaLink.value %}
  25.                                     {% set videoCtaText = element.config.videoCtaText.value %}
  26.                                     {% if videoCtaLink or videoCtaText %}
  27.                                         <a href="{{ videoCtaLink|trans|striptags }}" class="btn btn-primary hero-video-button">{{ videoCtaText|trans|striptags }}</a>
  28.                                     {% endif %}
  29.                                 {% endblock %}
  30.                             {% endblock %}
  31.                         </div>
  32.                     </div>
  33.                 {% endblock %}
  34.             </div>
  35.         </div>
  36.     </div>
  37. {% endblock %}