templates/includes/blocks/video-player.html.twig line 1

  1. {% set aspectRatio = content.aspectRatio ? content.aspectRatio : '16/9' %}
  2. <div class="video-player {% if content.inverted %}video-player--inverted {% endif %}{{ content.top }} {{ content.bottom }}"
  3.      style="--ar: {{ aspectRatio }}">
  4.     {% if content.videoPlayerBackground %}
  5.         <svg class="video-player__background" preserveAspectRatio="xMidYMid slice" fill="none"
  6.              xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 872" x-ref="background">
  7.             <path d="M-331.621 116.307 1770 1329M1372.15-155 1770 1329M1372.15-155v1484M912.73-155v1484M1770-155.923 912.729 1329M-331.621 1057.67 1770-155M1372.15 1329 1770-155M1372.15 1329V-155M912.73 1329V-155M1770 1329.9 912.729-155M1771.92 1057.84-329.999-155M67.855 1329-330-155.001M67.855 1329V-155.001M527.273 1329V-155.001M-329.998 1329.9 527.273-155.001M1770.82 116.78-329.999 1329M67.856-155.001-330 1329M67.856-155.001V1329M527.273-155.001V1329M-329.998-155.923 527.273 1329"
  8.                   stroke="currentColor" stroke-miterlimit="10"/>
  9.         </svg>
  10.     {% endif %}
  11.     <div class="video-player__container">
  12.         <div class="video-player__video">
  13.             <iframe src="{{ content.videoUrl }}" allow="autoplay; fullscreen; picture-in-picture"
  14.                     allowfullscreen="" width="640" height="360" frameborder="0">
  15.             </iframe>
  16.         </div>
  17.     </div>
  18. </div>