{# A sound or a picture, served from the vault. This is what gives dictation
   and listening comprehension: there is no separate exercise type for either.

   `seek` gives a sound a bar to move through it, and `size` makes its ▶
   bigger or smaller: see player.html. #}
{% import "player.html" as player %}
{% if media.kind == "audio" %}
  {{ player.sound(media.src, size=size|default(""), seek=seek|default(false)) }}
{% elif media.kind == "image" %}
  <img class="media" src="/media/{{ media.src }}" alt="{{ media.alt or '' }}">
{% endif %}