Базовые настройки воспроизведения и субтитров Video.js

Горизонтально центрированный плеер с фиксированной высотой

• Flex обеспечивает горизонтальное и вертикальное центрирование.md

содержание="пользовательское-масштабирование=нет, начальный-масштаб=1, максимальный-масштаб=1, минимальный-масштаб=1, ширина=ширина-устройства"/>

Ниже представлена полная карта значений.

подзаголовок

• Пример WebVTT

Чтобы добавить субтитры к вашему видео, просто добавьте Вот, например, вот так.

Однако вам также необходимо обратить внимание на формат субтитров.

Оригинальные субтитры

1
00:00:34,574 --> 00:00:40,305
Название: Финальное интервью
Перевод: Синий

2
00:01:52,800 --> 00:01:54,879
Ты этого заслуживаешь.

Этот подзаголовок нельзя использовать напрямую, необходимо внести следующие изменения.
WEBVTT
1
00:00:34.574 --> 00:00:40.305
Название: Финальное интервью
Перевод: Синий

2
00:01:52.800 --> 00:01:54.879
Ты этого заслуживаешь.

• Добавьте WEBVTT в начало
• Изменить запятую в десятичной дроби времени на десятичную точку

Пользовательский формат субтитров

• WebVTT: формат текстовых дорожек веб-видео

Установить выравнивание по левому краю и желтый текст
00:00:00.000 --> 00:00:40.305 line-left align:left
Название: Финальное интервью
Перевод: Синий
CSS

.video-js .vjs-text-track-display .yellow{
цвет: желтый;
}