templates/Components/media/video-modal.html.twig line 1

Open in your IDE?
  1. <!-- Modal -->
  2. <div class="modal border-0 fade pr-0" id="{{ modalID is defined ? modalID }}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  3.     <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
  4.         <div class="modal-content">
  5.             <div class="modal-header border-0 p-1 p-lg-1 p-md-1">
  6.                 <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="opacity: 1; margin-right: -6px;">
  7.                 <span aria-hidden="true" class="text-indigo">&times;</span>
  8.                 </button>
  9.             </div>
  10.             <div class="modal-body">
  11.                 {% if article.video_source.type == 'asset' %}
  12.                     <video width="100%" controls>
  13.                         <source src="{{ article.video_source.data }}" type="video/mp4">
  14.                         Your browser does not support the video tag.
  15.                     </video>
  16.                 {% else %}
  17.                     <iframe class="w-100 iframe-video-modal"
  18.                             src="https://www.youtube.com/embed/{{ article.video_source.data }}"
  19.                             allowfullscreen
  20.                             frameborder="0">
  21.                     </iframe>
  22.                 {% endif %}
  23.             </div>
  24.             <div class="modal-footer d-none border-0 mb-3 mb-lg-3 mb-md-3 px-5 px-lg-5 px-md-5">
  26.             </div>
  27.         </div>
  28.     </div>
  29. </div>