templates/blocks/B07_video/B07_video.default.html.twig line 1

Open in your IDE?
  1. {# BLOCK TITLE #}
  2. {% import 'blocks\\macros.html.twig' as macros %}
  3.     <section {% if settings.is_animated|default %}data-aos="{{ settings.animation_type|default("fade")}}"{% endif %} {% if settings.extra_block_id|default %} id="{{ settings.extra_block_id|default}}" {% endif %} class="block-video {{ settings.extra_class|default }}" style="{{ macros.getStyles(settings) }}" {{ macros.getBlockDataAttributes(_context) }}>
  4.         <div class="container{% if settings.fullwidth|default == 1 %}-fluid{% endif %}">
  5.             <div class="row">
  6.                 <div class="{% if (settings.offset|default) %}col-md-8 offset-md-2{% else %}col-12{% endif %}">
  7.                     {% if fields.html_code|default %}
  8.                         {{ fields.html_code|raw }}
  9.                     {% elseif fields.video_youtubeid|default %}
  10.                        {# <div class="embed-responsive embed-responsive-16by9 video-player"  data-plyr-provider="youtube" data-plyr-embed-id="{{ fields.video_youtubeid }}" {% if fields.video_autoplay|default %} autoplay muted {% endif %}></div> #}
  11.                        <div class="embed-responsive embed-responsive-16by9 video-player plyr__video-embed video-player" >
  12.                            <iframe
  13.                                src="https://www.youtube.com/embed/{{ fields.video_youtubeid }}?origin=https://plyr.io&amp;iv_load_policy=3&amp;modestbranding=1&amp;playsinline=1&amp;showinfo=0&amp;rel=0&amp;enablejsapi=1{% if fields.video_autoplay|default %}&amp;autoplay=1{% endif %}"
  14.                                allowfullscreen
  15.                                allowtransparency
  16.                                {% if fields.video_autoplay|default %}allow="autoplay"{% endif %}
  17.                            ></iframe>
  18.                        </div>
  19.                     {% elseif fields.video_vimeoid|default %}
  20.                         <div class="embed-responsive embed-responsive-16by9 video-player plyr__video-embed video-player" >
  21.                             <iframe
  22.                                 src="https://player.vimeo.com/video/{{fields.video_vimeoid}}?loop=false&amp;byline=false&amp;portrait=false&amp;title=false&amp;speed=true&amp;transparent=0&amp;gesture=media"
  23.                                     allowfullscreen
  24.                                     allowtransparency
  25.                                 {% if fields.video_autoplay|default %}allow="autoplay"{% endif %}
  26.                             ></iframe>
  27.                         </div>
  28.                     {% elseif fields.video|default %}
  29.                         {# <video class="video-player" playsinline controls width="100%" height="auto" preload="none" {% if fields.video_thumb %} poster="{{fields.video_thumb|imagine_filter('cover_video')}}" {% endif %} controls>
  30.                             <source src="{{ fields.video|default }}" type="video/mp4">
  31.                             Your browser does not support the video tag.
  32.                         </video> #}
  33.                         <video class="video-player" playsinline controls {% if fields.video_autoplay|default %} autoplay muted {% endif %} {% if fields.video_thumb %} data-poster="{{(fields.video_thumb)|imagine_filter('cover_video')}}" {% endif %}>
  34.                           <source src="{{ fields.video|default }}" type="video/mp4">
  35.                         </video>
  36.                     {% endif %}
  37.                 </div>
  38.             </div>
  39.         </div>
  40.     </section>
  41. {# @END BLOCK TITLE #}