media: Improve accessibility and controls

This commit is contained in:
Michael Fabian 'Xaymar' Dirks
2022-11-27 06:23:43 +01:00
parent 853f643a22
commit 368d1695f8
+5 -5
View File
@@ -5,12 +5,12 @@
<select class="variant"></select> <select class="variant"></select>
</div> </div>
<div class="bottom"> <div class="bottom">
<span class="play"></span> <span class="play symbol" tabindex=0 aria-label="Play / Pause" data-symbol=""></span>
<span class="time">0:00 / 0:00</span> <span class="time">0:00 / 0:00</span>
<input type="range" class="progress"> <input type="range" class="progress" tabindex=0>
<span class="mute"></span> <span class="mute symbol" tabindex=0 aria-label="Mute" data-symbol=""></span>
<input type="range" class="volume"> <input type="range" class="volume" tabindex=0>
<span class="fullscreen"></span> <span class="fullscreen symbol" tabindex=0 aria-label="Fullscreen" data-symbol=""></span>
</div> </div>
{% endif %} {% endif %}
{% if include.link %}<a href="{% if include.link == true %}{{ include.url }}{% else %}{{ include.link }}{% endif %}" {% if include.caption %}alt="{{ include.caption }}"{% endif %} target="_blank">{% endif %} {% if include.link %}<a href="{% if include.link == true %}{{ include.url }}{% else %}{{ include.link }}{% endif %}" {% if include.caption %}alt="{{ include.caption }}"{% endif %} target="_blank">{% endif %}