diff --git a/templates/partials/comments.html b/templates/partials/comments.html
index bddab23..757fbef 100644
--- a/templates/partials/comments.html
+++ b/templates/partials/comments.html
@@ -196,7 +196,7 @@
main.innerHTML = status.content;
let attachments = status.media_attachments;
- let SUPPORTED_MEDIA = ["image", "gifv"];
+ let SUPPORTED_MEDIA = ["image", "video", "gifv", "audio"];
let media = document.createElement("div");
media.className = "attachments";
if (
@@ -221,6 +221,19 @@
media.appendChild(mediaElement);
break;
+ case "video":
+ mediaElement = document.createElement("video");
+ mediaElement.setAttribute("src", attachment.url);
+ mediaElement.setAttribute("controls", "");
+
+ if (attachment.description != null) {
+ mediaElement.setAttribute("aria-title", attachment.description);
+ mediaElement.setAttribute("title", attachment.description);
+ }
+
+ media.appendChild(mediaElement);
+ break;
+
case "gifv":
mediaElement = document.createElement("video");
mediaElement.setAttribute("src", attachment.url);
@@ -233,6 +246,19 @@
mediaElement.setAttribute("title", attachment.description);
}
+ media.appendChild(mediaElement);
+ break;
+
+ case "audio":
+ mediaElement = document.createElement("audio");
+ mediaElement.setAttribute("src", attachment.url);
+ mediaElement.setAttribute("controls", "");
+
+ if (attachment.description != null) {
+ mediaElement.setAttribute("aria-title", attachment.description);
+ mediaElement.setAttribute("title", attachment.description);
+ }
+
media.appendChild(mediaElement);
break;
}
diff --git a/templates/shortcodes/video.html b/templates/shortcodes/video.html
index 5d18f42..be11aa2 100644
--- a/templates/shortcodes/video.html
+++ b/templates/shortcodes/video.html
@@ -6,5 +6,5 @@
{% if pixels %}pixels{% endif %}
{% if transparent %}transparent{% endif %}
"
- {%- if alt -%}alt="{{ alt }}"{%- endif -%}
+ {%- if alt -%}aria-title="{{ alt }}"{%- endif -%}
controls src="{{ url }}">