You are here

audioplayer.html.twig in AudioField 8

Default implementation for Audiofield audio players.

Available variables:

  • plugin_id: the name of the plugin being used for templating.
  • plugin_theme: the name of the specific plugin theme, if it exists.
  • files: array of render info for each file.
  • settings: array of settings for thie player.

File

templates/audioplayer.html.twig
View source
  1. {#
  2. /**
  3. * @file
  4. * Default implementation for Audiofield audio players.
  5. *
  6. * Available variables:
  7. * - plugin_id: the name of the plugin being used for templating.
  8. * - plugin_theme: the name of the specific plugin theme, if it exists.
  9. * - files: array of render info for each file.
  10. * - settings: array of settings for thie player.
  11. *
  12. * @ingroup themeable
  13. */
  14. #}
  15. <div class="audiofield">
  16. {% for file in files %}
  17. <div class="audiofield-player">
  18. <audio id="audiofield-audio-player-{{ file.id }}" preload="{% if settings.audio_player_lazyload == 1 %}none{% else %}auto{% endif %}" controls {% if settings.audio_player_autoplay == 1 %} autoplay {% endif %} {% if settings.download_button != 1 %} controlsList="nodownload" {% endif %}>
  19. <source src="{{ file.url }}" type="audio/mpeg">
  20. Your browser does not support the audio element.
  21. </audio>
  22. <label for="audiofield-audio-player-{{ file.id }}">{{ file.description }}</label>
  23. </div>
  24. {% endfor %}
  25. </div>