diff --git a/public/partials/pageView.htm b/public/partials/pageView.htm
index df89964..08267e6 100644
--- a/public/partials/pageView.htm
+++ b/public/partials/pageView.htm
@@ -2,6 +2,7 @@
 <div ng-if="type == 'html'" ng-bind-html="content" class="file-content markdown-body"></div>
 <div ng-if="type == 'code' && content != null" ui-ace="aceOption" ng-model="content"></div>
 <img ng-if="type == 'image'" class="image-content" ng-src="{{url}}"></img>
+<iframe class="h-100 overflow-auto w-100 b-0" ng-if="type == 'media'" ng-src="{{url}}"></iframe>
 <div class="h-100 overflow-auto" ng-if="type == 'pdf'">
   <pdfviewer class="h-100 overflow-auto" src="{{url}}" id="viewer"></pdfviewer>
 </div>
diff --git a/public/script/app.js b/public/script/app.js
index 86c00ca..6abbfa3 100644
--- a/public/script/app.js
+++ b/public/script/app.js
@@ -1488,6 +1488,17 @@ angular
         "heif",
         "heic",
       ];
+      const mediaFiles = [
+        "wav",
+        "mp3",
+        "ogg",
+        "mp4",
+        "avi",
+        "webm",
+        "mov",
+        "mpg",
+        "wma",
+      ];
 
       $scope.$on("$routeUpdate", function (event, current) {
         if (($routeParams.path || "") == $scope.filePath) {
@@ -1601,6 +1612,9 @@ angular
         if (imageFiles.indexOf(extension) > -1) {
           return "image";
         }
+        if (mediaFiles.indexOf(extension) > -1) {
+          return "media";
+        }
         return "code";
       }