Стиль субтитров
Оформите переведённые субтитры шаблонами или своим CSS — например, размойте перевод до наведения курсора.
Откройте в настройках Видео субтитры → Стиль субтитров. Превью обновляется по мере изменений.
Основные настройки
- Режим отображения: двуязычный, только оригинал или только перевод.
- Позиция перевода: над оригиналом или под ним.
- Основные субтитры и Перевод субтитров: шрифт, масштаб, цвет и насыщенность каждой строки.
- Прозрачность фона: насколько тёмная подложка под субтитрами.
Сбросить по умолчанию возвращает всё как было.
Готовые шаблоны
В Пользовательский CSS → Готовый шаблон:
| Шаблон | Что делает |
|---|---|
| Размыть перевод | Размывает перевод до наведения курсора, чтобы сначала слушать |
| Пунктир под переводом | Подчёркивает перевод пунктиром |
| Приглушить оригинал | Делает строку оригинала бледнее, чтобы перевод выделялся |
Свой CSS
Ваш CSS применяется поверх настроек выше. Доступные селекторы:
| Селектор | Что это |
|---|---|
.read-frog-subtitles-box |
Блок с обеими строками |
.subtitles-main |
Строка оригинала |
.subtitles-translation |
Строка перевода |
Размыть перевод и показывать при наведении:
.subtitles-translation {
filter: blur(6px);
}
.subtitles-translation:hover {
filter: none;
}
Жёлтый перевод с тенью вместо подложки:
.read-frog-subtitles-box {
background: transparent;
}
.subtitles-translation {
color: #ffd84d;
text-shadow: 0 1px 3px rgb(0 0 0 / 0.9);
}
Редактор проверяет CSS по мере ввода; нажмите Сохранить, чтобы применить его.