diff --git a/app/src/M3u8.py b/app/src/M3u8.py
index 2c1ec9a8..19b232cb 100644
--- a/app/src/M3u8.py
+++ b/app/src/M3u8.py
@@ -69,7 +69,7 @@ class M3u8:
             else:
                 m3u8 += f"#EXTINF:{segmentSize}, nodesc\n"
 
-            m3u8 += f"{self.config.url_prefix}segments/{i}/{quote(file)}"
+            m3u8 += f"{self.config.url_host}{self.config.url_prefix}segments/{i}/{quote(file)}"
             if len(segmentParams) > 0:
                 m3u8 += '?'+'&'.join([f"{key}={value}" for key,
                                       value in segmentParams.items()])
@@ -77,7 +77,6 @@ class M3u8:
 
         m3u8 += "#EXT-X-ENDLIST\n"
 
-        # m3u8 = f"{json.dumps(metadata,indent=2,ensure_ascii=False,default=lambda o: o.__dict__)}\n{m3u8}"
         return m3u8
 
     def parseDuration(self, duration: str):
diff --git a/frontend/src/components/Page-Completed.vue b/frontend/src/components/Page-Completed.vue
index 5b75fabe..898e57b3 100644
--- a/frontend/src/components/Page-Completed.vue
+++ b/frontend/src/components/Page-Completed.vue
@@ -63,8 +63,8 @@
       <div class="card" :class="{ 'is-bordered-danger': item.error ? true : false }">
         <header class="card-header el has-tooltip" :data-tooltip="item.title">
           <div class="card-header-title has-text-centered el is-block">
-            <a v-if="item.filename" referrerpolicy="no-referrer" href="javascript:void(0)"
-              @click="$emit('playItem', item);">
+            <a v-if="item.filename" referrerpolicy="no-referrer" :href="makeDownload(config, item, 'm3u8')"
+              @click.prevent="$emit('playItem', item)">
               {{ item.title }}
             </a>
             <span v-else>{{ item.title }}</span>