templates/articles-blocks/media.html.twig line 1

Open in your IDE?
  1. {% if data.select == "document" %}
  2.     {% if data.document is defined and data.document is not empty %}
  3.         {% include "blocks/file.html.twig" with {file: data.document} %}
  4.     {% endif %}
  5. {% endif %}
  6. {% if data.select == "image" %}
  7.     <div class="article-img-container mt-1em">
  8.         {% if data.image is defined and data.image is not empty %}
  9.             <img src="{{ data.image.formats['600x.webp'] }}" srcset="{{ data.image.formats['300x.webp'] }} 300w, {{ data.image.formats['600x.webp'] }} 600w, {{ data.image.formats['1000x.webp'] }} 1000w" sizes="600px" alt="{{ data.image | copyright_or_description_or_title }}" loading="lazy" width="{{ data.image.fileVersion.properties.width }}" height="{{ data.image.fileVersion.properties.height }}">
  10.             {% if data.image.credits and data.image is not null %}
  11.                 <div class="cgrey fs12 lh16 credit mt-8px">&copy; Crédit Photo
  12.                     {{ data.image.credits }}</div>
  13.             {% endif %}
  14.         {% endif %}
  15.     </div>
  16. {% endif %}
  17. {% if data.select == "audio" %}
  18.     <div class="audio-container br8 mt-1em">
  19.         <div>
  20.             {{ source("svg/audio-icon.html.twig") }}
  21.         </div>
  22.         {% if data.audio %}
  23.             <audio controls class="mt-24px br8">
  24.                 <source src="{{ data.audio }}">
  25.                 Votre navigateur ne supporte pas ce type de fichier.
  26.             </audio>
  27.             <br>
  28.             Voici
  29.             <a href="{{ data.audio }}">un lien de téléchargement</a>
  30.         {% endif %}
  31.         {% if data.audio_credit and data.audio %}
  32.             <div class="cgrey fs12 lh16 credit mt-8px">&copy; Crédit Audio
  33.                 {{ data.audio_credit }}</div>
  34.         {% endif %}
  35.     </div>
  36. {% endif %}
  37. {# A GARDER AU CAS OU #}
  38. {# {% if data.select == "video" %}
  39.     <div class="video-container">
  40.         <video width="320" height="240" controls>
  41.             <source src="{{ data.video.url }}" type="{{ data.video.fileVersion.mimeType }}">
  42.             Votre navigateur ne supporte pas ce type de fichier.
  43.         </video>
  44.     </div>
  45. {% endif %} #}
  46. {% if data.select == "youtube_link" %}
  47.     {% set embed_link = data.youtube_link|replace({'watch?v=' : 'embed/'}) %}
  48.     {% set embed_link_splitted = embed_link|split('/') %}
  49.     {% set videoID = embed_link_splitted|last %}
  50.     {# <div class="youtube_player" videoid="{{ videoID }}" width="560" height="315" theme="theme light" rel="rel 1" controls="controls 1" showinfo="showinfo 1 " autoplay="autoplay 0" mute="mute 1" loop="loop 0" loading="loading 0"></div> TAC #}
  51.     <div class="video-responsive mt-1em">
  52.         <lite-youtube videoid="{{ videoID }}" class="br8" params="controls=1&start={{ data.timestamp }}&modestbranding=2&rel=0&enablejsapi=1"></lite-youtube>
  53.     </div>
  54. {% endif %}