xaymar/com.xaymar.www
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

media: Improve accessibility and controls

Browse Source
This commit is contained in:
Michael Fabian 'Xaymar' Dirks
2022-11-27 06:23:43 +01:00
parent 853f643a22
commit 368d1695f8
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
_includes/blocks/media.liquid
+6 -6
View File
@@ -5,12 +5,12 @@
<select class="variant"></select>
</div>
<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>
<input type="range" class="progress">
<span class="mute"></span>
<input type="range" class="volume">
<span class="fullscreen"></span>
<input type="range" class="progress" tabindex=0>
<span class="mute symbol" tabindex=0 aria-label="Mute" data-symbol=""></span>
<input type="range" class="volume" tabindex=0>
<span class="fullscreen symbol" tabindex=0 aria-label="Fullscreen" data-symbol=""></span>
</div>
{% 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 %}
@@ -78,4 +78,4 @@
{% if include.caption %}<figcaption>{{ include.caption }}</figcaption>{% endif %}
{% endcapture %}
{% if include.player %}{% assign class = include.type | append: " player" %}{% else %}{% assign class = include.type %}{% endif %}
{% include blocks/_base.liquid type="media" class=class content=content float=include.float align=include.align id=include.id %}
{% include blocks/_base.liquid type="media" class=class content=content float=include.float align=include.align id=include.id %}