{#
  Media Slider with BxSlider
  Variables that are available:
  - {{ mediaItems }}: Contains the MediaItem items
  - {{ title }}: A custom optional title that you can give when parsing from Custom module.
#}

{% if mediaItems %}
<section class="module-media-library widget-media-library-slider" data-show-controls="true" data-show-pager="true" itemscope itemtype="http://schema.org/ImageGallery">
  {% block widget_heading %}
    {% if title %}
      <header class="widget-heading">
        <h3>{{ title|ucfirst }}</h3>
      </header>
    {% endif %}
  {% endblock %}

  {% block widget_body %}
    <div class="widget-body">
      {% for mediaItem in mediaItems %}
      <div itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
        <img itemprop="thumbnail" class="img-responsive" src="{{ (mediaItem.getWebPath('media_library_slider_pano')) }}" alt="{{ mediaItem.title }}" />
      </div>
      {% endfor %}
    </div>
  {% endblock %}

  {% block widget_footer %}{% endblock %}
</section>
{% endif %}

{#
  Media Slider with BxSlider
  Variables that are available:
  - {{ mediaItems }}: Contains the MediaItem items
  - {{ title }}: A custom optional title that you can give when parsing from Custom module.
#}

{% if mediaItems %}
<section class="module-media-library widget-media-library-slider" data-show-controls="true" data-show-pager="true" itemscope itemtype="http://schema.org/ImageGallery">
  {% block widget_heading %}
    {% if title %}
      <header class="widget-heading">
        <h3>{{ title|ucfirst }}</h3>
      </header>
    {% endif %}
  {% endblock %}

  {% block widget_body %}
    <div class="widget-body">
      {% for mediaItem in mediaItems %}
      <div itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
        {% if mediaItem.type == 'movie' %}
          {{ mediaItem.getIncludeHTML()|raw }}
        {% else %}
          <img itemprop="thumbnail" class="img-responsive" src="{{ (mediaItem.getWebPath('media_library_slider_pano')) }}" alt="{{ mediaItem.title }}" />
        {% endif %}
      </div>
      {% endfor %}
    </div>
  {% endblock %}

  {% block widget_footer %}{% endblock %}
</section>
{% endif %}

Fix youtube and vimeo in the slider
Fix youtube and vimeo in the slider
