diff --git a/web/index.js b/web/index.js
index 7270cfb..ac63ebf 100644
--- a/web/index.js
+++ b/web/index.js
@@ -349,8 +349,11 @@ const component_audio_player = {
 	},
 	props: ["file"],
 	template: `
-<video v-if="computed_show" :src="computed_playing_audio_file_url" controls autoplay>
+<div v-if="computed_show">
+<span>{{ file.filename }} / {{ file.foldername }}</span>
+<video :src="computed_playing_audio_file_url" controls autoplay>
 </video>
+</div>
 `,
 	computed: {
 		computed_playing_audio_file_url() {
diff --git a/web/style.css b/web/style.css
index bdf609d..c63db09 100644
--- a/web/style.css
+++ b/web/style.css
@@ -37,3 +37,7 @@ a.router-link-active {
 	background-color: lightgray;
 	border-radius: 0.39em 0.39em 0 0;
 }
+video {
+	height: 39px;
+	width: 100%;
+}