{# BLOCK TITLE #}
{% import 'blocks\\settings.default.html.twig' as styles %}
    <section {% if settings.extra_block_id|default %} id="{{ settings.extra_block_id|default}}" {% endif %} class="block-video {{ settings.extra_class|default }}"  >
        <div class="container">
            <div class="row">
                <div class="{% if (settings.offset|default) %}col-md-8 offset-md-2{% else %}col-12{% endif %}">
                    {% if fields.html_code|default %}
                        {{ fields.html_code|raw }}
                    {% elseif fields.video_youtubeid|default %}
                       {# <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> #}
                       <div class="embed-responsive embed-responsive-16by9 video-player plyr__video-embed video-player" >
                           <iframe
                               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 %}"
                               allowfullscreen
                               allowtransparency
                               {% if fields.video_autoplay|default %}allow="autoplay"{% endif %}
                           ></iframe>
                       </div>
                    {% elseif fields.video_vimeoid|default %}
                        <div class="embed-responsive embed-responsive-16by9 video-player plyr__video-embed video-player" >
                            <iframe
                                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"
                                    allowfullscreen
                                    allowtransparency
                                {% if fields.video_autoplay|default %}allow="autoplay"{% endif %}
                            ></iframe>
                        </div>
                    {% elseif fields.video|default %}    
                        {# <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>
                            <source src="{{ fields.video|default }}" type="video/mp4">
                            Your browser does not support the video tag.
                        </video> #}
                        <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 %}>
                          <source src="{{ fields.video|default }}" type="video/mp4">
                        </video>
                    {% endif %}
                </div>
            </div>
        </div>
    </section>
{# @END BLOCK TITLE #}