diff options
Diffstat (limited to 'viewer/src/components/item_handlers/LdVideoViewer.vue')
-rw-r--r-- | viewer/src/components/item_handlers/LdVideoViewer.vue | 7 |
1 files changed, 3 insertions, 4 deletions
diff --git a/viewer/src/components/item_handlers/LdVideoViewer.vue b/viewer/src/components/item_handlers/LdVideoViewer.vue index 2e3a43c..ed95bc2 100644 --- a/viewer/src/components/item_handlers/LdVideoViewer.vue +++ b/viewer/src/components/item_handlers/LdVideoViewer.vue | |||
@@ -22,17 +22,18 @@ | |||
22 | <!-- intermediate container necessary to eliminate the scrollbar --> | 22 | <!-- intermediate container necessary to eliminate the scrollbar --> |
23 | <div class="fill no-scroll"> | 23 | <div class="fill no-scroll"> |
24 | <video class="fill" :src="itemResourceUrl" :poster="thumbnailResourceUrl" preload="auto" controls> | 24 | <video class="fill" :src="itemResourceUrl" :poster="thumbnailResourceUrl" preload="auto" controls> |
25 | <ld-download :item="item" /> | 25 | <ld-download-viewer :item="item" /> |
26 | </video> | 26 | </video> |
27 | </div> | 27 | </div> |
28 | </template> | 28 | </template> |
29 | 29 | ||
30 | <script lang="ts"> | 30 | <script lang="ts"> |
31 | import { VideoItem } from "@/@types/gallery"; | ||
31 | import { Component, Prop, Vue } from "vue-property-decorator"; | 32 | import { Component, Prop, Vue } from "vue-property-decorator"; |
32 | 33 | ||
33 | @Component | 34 | @Component |
34 | export default class LdVideoViewer extends Vue { | 35 | export default class LdVideoViewer extends Vue { |
35 | @Prop({ required: true }) readonly item!: Gallery.Video; | 36 | @Prop({ required: true }) readonly item!: VideoItem; |
36 | 37 | ||
37 | get itemResourceUrl(): string { | 38 | get itemResourceUrl(): string { |
38 | return this.$galleryStore.resourceRoot + this.item.properties.resource; | 39 | return this.$galleryStore.resourceRoot + this.item.properties.resource; |
@@ -43,5 +44,3 @@ export default class LdVideoViewer extends Vue { | |||
43 | } | 44 | } |
44 | } | 45 | } |
45 | </script> | 46 | </script> |
46 | |||
47 | <style lang="scss" module></style> | ||