diff --git a/src/client/app/desktop/views/components/media-video.vue b/src/client/app/desktop/views/components/media-video.vue index 1ff762abc2..7859a59254 100644 --- a/src/client/app/desktop/views/components/media-video.vue +++ b/src/client/app/desktop/views/components/media-video.vue @@ -6,19 +6,12 @@ </div> </div> <div class="vwxdhznewyashiknzolsoihtlpicqepe" v-else> - <video class="video" - :src="video.url" - :title="video.name" - controls - @dblclick.prevent="onClick" - ref="video" - v-if="inlinePlayable" /> <a class="thumbnail" :href="video.url" :style="imageStyle" @click.prevent="onClick" :title="video.name" - v-else> + > %fa:R play-circle% </a> </div> @@ -46,7 +39,7 @@ export default Vue.extend({ computed: { imageStyle(): any { return { - 'background-image': `url(${this.video.url})` + 'background-image': null // TODO `url(${this.video.thumbnailUrl})` }; } }, diff --git a/src/client/app/mobile/views/components/media-video.vue b/src/client/app/mobile/views/components/media-video.vue index 1e2c1ea7b0..59ba695b93 100644 --- a/src/client/app/mobile/views/components/media-video.vue +++ b/src/client/app/mobile/views/components/media-video.vue @@ -9,7 +9,8 @@ :href="video.url" target="_blank" :style="imageStyle" - :title="video.name"> + :title="video.name" +> %fa:R play-circle% </a> </template> @@ -32,7 +33,7 @@ export default Vue.extend({ computed: { imageStyle(): any { return { - 'background-image': `url(${this.video.url})` + 'background-image': null // TODO `url(${this.video.thumbnailUrl})` }; } }