yamlform-element-audio-file.html.twig in YAML Form 8

Default theme implementation for an audio file element.

Available variables:

• element: The element.
• value: The element's value.
• options Associative array of options for element.
• file: The element's File object.
• file_link: Link to the file.

See also

http://caniuse.com/#feat=audio

http://www.w3schools.com/html/html5_audio.asp

File

templates/yamlform-element-audio-file.html.twig

{#
/**
 * @file
 * Default theme implementation for an audio file element.
 *
 * Available variables:
 * - element: The element.
 * - value: The element's value.
 * - options Associative array of options for element.
 * - file: The element's File object.
 * - file_link: Link to the file.
 *
 * @see http://caniuse.com/#feat=audio
 * @see http://www.w3schools.com/html/html5_audio.asp
 */
#}
{% if extension == 'mp3' %}
  <div class="yamlform-audio-file">
    <audio controls>
      <source src="{{ uri }}" type="{{ type }}">
    </audio>
  </div>
{% endif %}
<div>{{ file_link }}</div>