Support more media attachment types in comments

Types taken from
https://github.com/dpecos/mastodon-comments/blob/master/mastodon-comments.js

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;
 										}

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 }}"></video>