diff --git a/packages/renderer/src/components/HTMLViewer.vue b/packages/renderer/src/components/HTMLViewer.vue
index e5ac2fc..0bb8fb7 100644
--- a/packages/renderer/src/components/HTMLViewer.vue
+++ b/packages/renderer/src/components/HTMLViewer.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 import { FolioFile } from '../../../main/src/DirWatcher';
-import { delay, getURLForFile } from '../util';
+import { delay, getDurationTag, getURLForFile } from '../util';
 
 const props = defineProps<{
   file: FolioFile
@@ -19,7 +19,7 @@ async function prepare() {
 }
 
 async function display() {
-  await delay(20000);
+  await delay(duration.value);
 }
 
 defineExpose({
@@ -27,6 +27,8 @@ defineExpose({
   display,
 });
 
+const duration = computed(() => getDurationTag(props.file.name) ?? 20000);
+
 const url = computed(() => getURLForFile(props.file));
 </script>