+3Hi all,
Just wondering if anyone knows the CSS code required to change the font size of closed captions in the video player. I contacted support and they told me the only way to change the size is with CSS. Also, does anyone know if it’s possible to have a dynamic font size that adjusts to the size of the screen? The closed captions look really small when viewed in full screen mode.
Thanks,
Daniel
Best answer by Bfarkas
Cross answering from the thread above. Note to others coming to look, you may want to adjust the numbers to fit your specific needs. The top part handles the inline video, the bottom half handles when it is triggered to full screen mode.
/** Adjust size of the captions for videos **/
.flowplayer .fp-captions p {
font-size: 1.3vw;
line-height: 1.3vw;
}
.is-fullscreen .fp-captions p {
font-size: 2.3vw;
line-height: 2.3vw;
}
+7Does the below thread cover what you are looking for?
For something more responsive, you could experiment with using vw instead of px and see how that works.
+5Cross answering from the thread above. Note to others coming to look, you may want to adjust the numbers to fit your specific needs. The top part handles the inline video, the bottom half handles when it is triggered to full screen mode.
/** Adjust size of the captions for videos **/
.flowplayer .fp-captions p {
font-size: 1.3vw;
line-height: 1.3vw;
}
.is-fullscreen .fp-captions p {
font-size: 2.3vw;
line-height: 2.3vw;
}
+6Here is how I do it. Cool idea with fullscreen!
.fp-captions { font-size: 200%; bottom: 0.9em;}
.fp-captions p {
line-height: 80%;
border-radius: 2em;
padding: 0.2em 0.2em !important;
margin: 0.05em !important;
}
Enter your email address or username and password below to log in to Docebo Community. No account yet? Create an account
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.
