Содержание

Стиль субтитров

Оформите переведённые субтитры шаблонами или своим 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 по мере ввода; нажмите Сохранить, чтобы применить его.