diff --git a/src/App.vue b/src/App.vue
index 469fa75..77d1aa2 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -210,6 +210,8 @@ $controller-height: 25px;
 $tag-width: 170px;
 
 .view {
+    
+    background-color: #ffffff;
     position: relative;
     height: 100%;
     width: 100%;
diff --git a/src/plugins/miaoCodeMirror/export.ts b/src/plugins/miaoCodeMirror/export.ts
index 5cb254f..35cb911 100644
--- a/src/plugins/miaoCodeMirror/export.ts
+++ b/src/plugins/miaoCodeMirror/export.ts
@@ -30,7 +30,11 @@ const pluginConfig: registerComponentOption = {
             'yaml',
             'txt',
             'xml',
-            'vue'
+            'vue',
+            'srt',
+            'vtt',
+            'ass',
+            'ssa'
         ]) {
             if (vFiles[0].name.endsWith(end)) {
                 return true
diff --git a/src/plugins/miaoVideoPlayer/miaoVideoPlayer.vue b/src/plugins/miaoVideoPlayer/miaoVideoPlayer.vue
index ca4db1b..cfc34e3 100644
--- a/src/plugins/miaoVideoPlayer/miaoVideoPlayer.vue
+++ b/src/plugins/miaoVideoPlayer/miaoVideoPlayer.vue
@@ -298,7 +298,7 @@ function ssaToVtt(ssaContent: string): string {
 
 const findVideo = (vFiles: VirtualFile[]) =>
     uniq(vFiles.filter((v) => {
-        for (let s of ['mp4', 'mp3']) {
+        for (let s of ['mp4', 'mp3', 'mkv']) {
             if (v.name.endsWith(s)) {
                 return true
             }
diff --git a/src/styles/default.scss b/src/styles/default.scss
new file mode 100644
index 0000000..db42e58
--- /dev/null
+++ b/src/styles/default.scss
@@ -0,0 +1,4 @@
+:root
+body {
+    background-color: aliceblue;
+}
\ No newline at end of file