I managed to change the size of the subtitles separately from those of the player for different sizes of the browser, but I can't keep the proportion of the layer in the browser when I switch to fullscreen mode and I can't bring the layer with the subtitles above the bottom of the player either in openplayer or in fullscreen of another device. i make openplayermain.css with this code:
`.op-player {
background: #000;
font-family: sans-serif;
font-size: 18px;
line-height: 1.15;
min-height: 30px;
position: relative;

}
@media screen and (max-width: 480px) {
.op-captions {
font-size: 70% !important;
}
}

@media screen and (min-width: 481px) and (max-width: 1080px) {
.op-captions {
font-size: 100% !important;
}
}

@media screen and (min-width: 1081px) and (max-width: 1800px) {
.op-captions {
font-size: 150% !important;
}
}

@media screen and (min-width: 1801px) {
.op-captions {
font-size: 180% !important;
}
}`

You can do that or in a separate styles tag where you can set the new CSS rules to override the result

@Dacogetul for the first issue, add this style after the other ones I provided you:

.op-controls--hidden .op-captions {
    bottom: 0; // adjust it as you like
} 

This won’t affect the captions in iOS fullscreen and there’s not much to do about it, unless JS code is used for that.

For the second issue, can you post the link again, since I tried to click it and nothing happens?

Thank you...can try now....my windows os make update and server do not autorestar after that...work now...please try again.... I make your settings and work in fullscreen mod to change/keep position.....Is it necessary to keep the css settings from .op-captions or are those from .op-controls--hidden .op-captions sufficient? Now my css are this:
`.op-player {
background: #000;
font-family: sans-serif;
font-size: 18px;
line-height: 1.15;
min-height: 30px;
position: relative;

}
.op-controls--hidden .op-captions {
bottom: 25%; // adjust it as you like
font-size: 2.25vw; /* This unit will make the font responsive by using the viewport as reference /
bottom: 3%; / or whatever you want to move it top*/
}
.op-captions {
font-size: 2.25vw; /* This unit will make the font responsive by using the viewport as reference /
bottom: 3%; / or whatever you want to move it top*/
}
::cue {
font-size: 45px;

        }`

PS : just default player have english subtitle.vtt like engleza.vtt !!!!

You can leave both styles; that will ensure you are covered for all scenarios

Why cannot change subtitle language with new version?

For you I have made two identical pages, the first called test in which the new version of openplayer is used and takes the data from the dist folder and the second called test 1 in which the previous version of openplayer is used and which works perfectly less on IOS. ...
First version test
Second version test1

I’ll take a look at this next week; I changed the approach to use native cues rather than trying to fetch them. I still find it odd that you have a problem with your captions but the ones I’ve been using don’t present that problem

@Dacogetul I cannot access either the videos or the website. I tested it again, switching languages, and I was able to get the switching properly. The only thing I'm going to add is to remove the old captions when switching languages, so we prep the container to receive new captions

Okay....then I put the 2 pages with js and css and related video in the archive : HERE

@Dacogetul I'm moving this conversation to the issue area. I'm closing this and opening a bug