templates/component/video.html.twig line 1

Open in your IDE?
  1. {#
  2.     component: video
  4.     src {string}: source de la video
  5.     image {string}: source de l'image de chargement
  6.     lazyload {boolean|null}: lazyload de la vidéo (Default: false)
  7.     
  8. #}
  10. {% set props = {
  11.     src:null,
  12.     image: random_src ~ '&sig=' ~ random(),
  13.     type:'video/mp4',
  14.     lazyload: true,
  15.     autoplay:true,
  16.     loop:true,
  17.     muted:true,
  18.     name:null,
  19.     class:null
  20. }|merge(props|default({}))  %}
  22. {#  #}
  23. {# Construct options #}
  24. {#  #}
  25. {% set options = ' ref="video' ~ props.name ~ '"' %}
  27. {# Autoplay option #}
  28. {% if props.autoplay %}
  29.     {% set options = options ~ ' autoplay="true"' %}
  30. {% endif %}
  32. {# Loop option #}
  33. {% if props.loop %}
  34.     {% set options = options ~ ' loop="true"' %}
  35. {% endif %}
  37. {# Muted option #}
  38. {% if props.muted %}
  39.     {% set options = options ~ ' muted="true"' %}
  40. {% endif %}
  43. <div data-component="video" class="Video-component {%- if props.lazyload %} lazyload{% endif %} {%- if props.class %} {{ props.class }}{% endif %}">
  44.      <video preload="none" {{ options | raw }} class="Video-video" src="{{ props.src }}" type="{{ props.type }}" ref="video"/>
  45. </div>