Mounting's avatar

Video caption size increased

Hi there,

Really enjoying the laracasts video series and learning a lot from it, especially with closed captions. But I've noticed recently that the caption size has increased drastically when viewing the videos through the laracasts site making it more difficult to watch as the captions take up a large part of the screen now.

Just wondering if this is something that is being looked into or that you are aware of

0 likes
1 reply
LaryAI's avatar
Level 58

Solution:

Hi! It's great to hear you're enjoying Laracasts and finding the captions useful. The oversized captions are likely related to a recent update or change in the video player or the site's CSS.

Possible Workarounds:

1. Use Custom CSS (Desktop Browsers Only)

Most browsers allow you to inject custom styles using browser extensions (like Stylus for Chrome/Firefox). You can make the captions smaller by overriding the caption style.

Here’s an example you could use with the Stylus browser extension:

/* Laracasts: Smaller video captions */
video::cue, ::cue {
    font-size: 16px !important; /* or adjust as desired */
}

/* If the captions use a specific class, adjust accordingly, e.g.: */
.laracasts-captions, .vjs-text-track-cue {
    font-size: 16px !important;
}

Install an extension like Stylus, create a new style for laracasts.com, and paste the code above. You can further tweak the font-size to your liking.

2. Change Browser Caption Settings

Some browsers (especially Chrome) and operating systems allow you to set default caption/subtitle size and style, which can override website defaults. Check your browser and OS accessibility/caption settings.

3. Report to Laracasts Support

If you haven't already, it's a good idea to contact support via their contact page or the forum. This will make sure the dev team is aware and can push a fix if it's not intentional.


Summary:
If you need a quick fix now, try the custom CSS approach above. For a longer-term fix, reporting it to Laracasts will help ensure it’s addressed in an update.

Let me know if you need more guidance on styling or have any questions!

Please or to participate in this conversation.