Skip to main content

Hi 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

 

Does 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.

 

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;
}

 

Here 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;
}

 

Has anyone done this with the new course player.  We want to change the default look.  I know the new player has settings options for the user, but it’s not intuitive.  Thanks in advance!!

@Bfarkas @lrodman Tagging you both because you answered this last year :-)

 

Thanks.  Lynda

Reply


Terms & ConditionsCookie settings