CopyBot/mediacms
1
0
Fork 0
mirror of https://github.com/mediacms-io/mediacms.git synced 2025-11-06 07:28:53 -05:00
Code Issues Packages Projects Releases Wiki Activity

Update Greek subtitles timing in sample VTT file

Browse Source 
Adjusted the timing of subtitle cues in sample-subtitles-greek.vtt to better align with the video content.
This commit is contained in:
Yiannis Christodoulou 2025-10-17 11:29:45 +03:00
parent e6b5023b97
commit 40d13e8bd0
2 changed files with 15 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
frontend-tools/video-js/public/sample-subtitles-greek.vtt
View File

@ -3,14 +3,14 @@ WEBVTT
NOTE NOTE
Αυτό είναι ένα δείγμα υποτίτλων στα ελληνικά για το βίντεο των ωκεανών Αυτό είναι ένα δείγμα υποτίτλων στα ελληνικά για το βίντεο των ωκεανών
00:00:00.000 --> 00:00:01.000 00:00:00.000 --> 00:00:05.000
Καλώς ήρθατε στον όμορφο κόσμο των ωκεανών Καλώς ήρθατε στον όμορφο κόσμο των ωκεανών
00:00:01.000 --> 00:00:02.000 00:00:05.000 --> 00:00:09.000
Αυτές οι τεράστιες υδάτινες εκτάσεις καλύπτουν το μεγαλύτερο μέρος του πλανήτη μας Αυτές οι τεράστιες υδάτινες εκτάσεις καλύπτουν το μεγαλύτερο μέρος του πλανήτη μας
00:00:02.000 --> 00:00:04.000 00:00:09.000 --> 00:00:15.000
Η θαλάσσια ζωή ανθίζει σε αυτά τα βαθιά γαλάζια νερά Η θαλάσσια ζωή ανθίζει σε αυτά τα βαθιά γαλάζια νερά
00:00:05.000 --> 00:00:07.000 00:00:15.000 --> 00:00:20.000
Από το μικροσκοπικό πλαγκτόν μέχρι τις τεράστιες φάλαινες Από το μικροσκοπικό πλαγκτόν μέχρι τις τεράστιες φάλαινες

11
frontend-tools/video-js/src/components/video-player/VideoJSPlayer.css
View File

@ -31,6 +31,17 @@ button {
visibility: hidden !important; visibility: hidden !important;
} }
/* Adjust subtitle position when controls are visible */
/* When controls are VISIBLE (user is active), add extra bottom margin */
.video-js:not(.vjs-user-inactive) .vjs-text-track-display {
margin-bottom: 2em; /* Adjust this value to move subtitles higher when controls are visible */
}
/* When controls are HIDDEN (user is inactive), use default positioning */
.video-js.vjs-user-inactive .vjs-text-track-display {
margin-bottom: 0.5em; /* Smaller margin when controls are hidden */
}
/* Center the fullscreen button inside its wrapper */ /* Center the fullscreen button inside its wrapper */
/* @media (hover: hover) and (pointer: fine) { /* @media (hover: hover) and (pointer: fine) {
.vjs-fullscreen-control svg { .vjs-fullscreen-control svg {