diff --git a/www/files.css b/www/files.css
index 5f8412a..fe7e730 100644
--- a/www/files.css
+++ b/www/files.css
@@ -121,7 +121,7 @@ iframe, .md_preview {
 	top: 2em;
 	left: 0;
 	width: calc(100vw);
-	height: calc(100vh);
+	height: calc(100% - 2em);
 	padding: 0;
 	margin: 0;
 	border: none;
diff --git a/www/files.js b/www/files.js
index 6a5ae7b..229b7ab 100644
--- a/www/files.js
+++ b/www/files.js
@@ -104,6 +104,12 @@ Array.from($('table').rows).forEach((tr) => {
 			else if (type.match(/^image\//)) {
 				dialog(file_name, `<img src="${file_url}" />`, false);
 			}
+			else if (type.match(/^audio\//)) {
+				dialog(file_name, `<audio controls="true" autoplay="true" src="${file_url}" />`, false);
+			}
+			else if (type.match(/^video\//)) {
+				dialog(file_name, `<video controls="true" autoplay="true" src="${file_url}" />`, false);
+			}
 			else {
 				dialog(file_name, `<iframe src="${file_url}" />`, false);
 			}