Jump to content

Increase height of subtitles or user feature to change position


ShoutingMan
 Share

Recommended Posts

aussiedropbear
15 minutes ago, AdrianW said:

I actually prefer subs to be as low as possible - so when there's a single line it's all in the bottom black bar not obscuring any of the image.

That's only good if your running a 16:9 screen. Fur those running scope,  231:1, this is a much needed function. Otherwise you don't get to view the second line of subtitles 

Link to comment
Share on other sites

AdrianW
28 minutes ago, aussiedropbear said:

those running scope

Yes, that makes sense. We do need more subtitle options - for placement, size, margins and colour.

  • Like 2
Link to comment
Share on other sites

FrostByte
59 minutes ago, AdrianW said:

I actually prefer subs to be as low as possible - so when there's a single line it's all in the bottom black bar not obscuring any of the image.

Yes, there are definitely two points of view on where it should be.  I prefer my eyes focused on the middle of the screen.  I don't think anyone believes one line should be in the picture and one line in the black bar though.  That's just hard on the eyes.

  • Like 2
Link to comment
Share on other sites

  • 2 weeks later...
On 6/15/2022 at 11:24 AM, FrostByte said:

Yes, there are definitely two points of view on where it should be.  I prefer my eyes focused on the middle of the screen.  I don't think anyone believes one line should be in the picture and one line in the black bar though.  That's just hard on the eyes.

ye it would be nice to position the sub into the black bars just so low as possible

  • Like 1
Link to comment
Share on other sites

  • 2 weeks later...
visproduction
Posted (edited)

You can adjust the subtitles for all media by adding custom css in settings.  This change would apply for all media.  Be aware that some people's hardware has a fixed Aspect Ratio, if they are watching landscape wide on a phone.  You can possible push the subtitles so far down that it looks fine on a computer monitor but gets lost of a phone.  You need to test your changes on wide phone playback with different Aspect Ratio media.

Am I missing something?  What else did you want to do with the subtitles?  Unfortunately, there is really no way to change the titles differently, for different media.  This custom adjustment changes all subtitles coming from .srt files, but does nothing for embedding subtitles.
 

 .videoPlayerContainer > div > div > div {
    margin-top: 44px; /* positive goes down, negative goes up */
    line-height: 1em; /* usually line-height is about 1.5em, so 1em would be tighter */
    text-shadow: 5px 5px 7px #999; /* right, bottom, blur, color - use negative to go left or up, smaller number for less blur */
    opacity: 0.9; /* 0.5 makes the text 50% transparent. Normally opacity is not used.  1 would be solid */
    font-size: 34px; /* Starting font-size is around 48px */
    color: #FFFF00; /* some subtitle color other than white, this is yellow */
    background-color: #25356e;
    padding: 12px 24px; /* This makes top and bottom 12ox, left and right 24px see CSS info for more options */ 
    border: 2px solid #234356;
}

 

Edited by visproduction
  • Like 1
Link to comment
Share on other sites

FrostByte
Posted (edited)

Thanks, but not sure this will help the OP or myself who want to raise and adjust subtitles in all clients just above the black line which can be different for every movie.

Looks kind of cool in the web client though.

Edited by FrostByte
Link to comment
Share on other sites

visproduction

FB,

What black line do you mean?  Is it the bottom of the player, bottom of the viewscreen or where the media stops and a bottom black area starts, which does change per media aspect ratio?  

The CSS margin-top: can push the subtitles down from the standard position.  The only time will run into trouble is when a wide screen has a bottom limit, so you don't want to the subtitles beyond that.  I think a wide mobile phone is going to be the widest hardware anyone will use, so if you adjust to not have subtitles go too far on a phone in wide mode, you will have pushed the subtitles as far down as possible.  I am guessing that is somewhere around 60px.  Why would you need to adjust automatically to some different vertical position?  Putting the subtitles maybe narrowing the line-height will optimize the titles to be as far away as possible from the video content.  Also you probably should be aware that some subtitle content can be programmed to be on top of the media which is usually done when there is a bottom title.  So, moving all the titles downward would cause these upper subtitles to be in the middle of the picture.  If that bothers you, then maybe don't use the margin style and just adjust the color, shadow, line-height and font size.

Hope that makes sense.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...