diff --git a/html/index.html b/html/index.html
index c280ab8..29d83e5 100644
--- a/html/index.html
+++ b/html/index.html
@@ -206,6 +206,16 @@
 								imgDiv.className = 'postImg';
 								imgDiv.innerHTML = '<a href="javascript:resizeImg(postImg' + i +')"><img id="postImg' + i + '" class="postImg" src="data:' + posts[i].returnValues.mime + ';base64,' + posts[i].returnValues.data + '"></a>';
 								div.appendChild(imgDiv);
+							} else if (posts[i].returnValues.mime === 'video/mp4' || posts[i].returnValues.mime === 'video/webm') {
+								const imgDiv = document.createElement('div');
+								imgDiv.className = 'postImg';
+								imgDiv.innerHTML = '<video id="postImg' + i + '" class="postImg" controls><source src="data:' + posts[i].returnValues.mime + ';base64,' + posts[i].returnValues.data + '" type="' + posts[i].returnValues.mime + '"></video>';
+								div.appendChild(imgDiv);
+							} else if (posts[i].returnValues.mime === 'audio/mpeg' || posts[i].returnValues.mime === 'audio/ogg' || posts[i].returnValues.mime === 'audio/opus') {
+								const imgDiv = document.createElement('div');
+								imgDiv.className = 'postImg';
+								imgDiv.innerHTML = '<audio id="postImg' + i + '" class="postImg" controls><source src="data:' + posts[i].returnValues.mime + ';base64,' + posts[i].returnValues.data + '" type="' + posts[i].returnValues.mime + '"></audio>';
+								div.appendChild(imgDiv);
 							} else {
 								const downloadDiv = document.createElement('div');
 								downloadDiv.className = 'postDownload';