gitmedia/thats-me
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add poster to videos

Browse source
This commit is contained in:
Tilman Behrend 2025-09-24 10:27:30 +02:00
parent 8a9719ab9f
commit f1d1d3f96d
3 changed files with 4 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
frontend/public/videos/3191901-uhd_3840_2160_25fps_thumb.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 4 MiB

BIN
frontend/public/videos/3326928-hd_1920_1080_24fps_thumb.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.7 MiB

6
frontend/src/pages/EntryDetailPage.vue
View file

@ -94,6 +94,7 @@
<div class="video-thumbnail" @click="openVideoLightbox(video, index)"> <div class="video-thumbnail" @click="openVideoLightbox(video, index)">
<video <video
:src="video.url" :src="video.url"
:poster="video.poster"
class="video-preview" class="video-preview"
muted muted
preload="metadata" preload="metadata"
@ -248,6 +249,7 @@
v-if="currentVideo" v-if="currentVideo"
ref="lightboxVideo" ref="lightboxVideo"
:src="currentVideo.url" :src="currentVideo.url"
:poster="currentVideo.poster"
controls controls
class="lightbox-video" class="lightbox-video"
@loadedmetadata="onVideoLoaded" @loadedmetadata="onVideoLoaded"
@ -398,8 +400,8 @@ export default {
{ name: "Gespräch mit Familie", url: "/audio/sample2.mp3" } { name: "Gespräch mit Familie", url: "/audio/sample2.mp3" }
], ],
videoRecordings: [ videoRecordings: [
{ name: "UHD Nature Video", url: "/videos/3191901-uhd_3840_2160_25fps.mp4" }, { name: "UHD Nature Video", url: "/videos/3191901-uhd_3840_2160_25fps.mp4", poster: "/videos/3191901-uhd_3840_2160_25fps_thumb.png" },
{ name: "HD Landscape Video", url: "/videos/3326928-hd_1920_1080_24fps.mp4" } { name: "HD Landscape Video", url: "/videos/3326928-hd_1920_1080_24fps.mp4", poster: "/videos/3326928-hd_1920_1080_24fps_thumb.png" }
], ],
relatedPersons: [ relatedPersons: [
{ id: 1, name: "Maria Schmidt", relation: "Freundin", avatar: null }, { id: 1, name: "Maria Schmidt", relation: "Freundin", avatar: null },