Loop though media files in a Jekyll collection and display them in a list

uploads.html

---
---

<ul>
{% assign collection = site.collections | where: 'label', 'uploads' | first %}
{% for file in collection.files %}

  {% assign extension = file.extname | downcase %}
  {% case extension %}

    {% when ".jpg" or ".jpeg" or ".png" or ".gif" or ".svg" %}
    <li><img src="/uploads/{{ file.name }}"></li>

    {% when ".mp4" %}
    <li><video controls src="/uploads/{{ file.name }}"></video></li>

    {% else %}
    <li><a href="/uploads/{{ file.name }}">{{ file.name }}</a></li>
    
  {% endcase %}

{% endfor %}
</ul>