Video.js 기본 재생 및 자막 설정

높이가 고정된 수평 중심 플레이어

• Flex는 수평 및 수직 중심을 구현합니다.

콘텐츠="사용자 확장 가능=아니요, 초기 스케일=1, 최대 스케일=1, 최소 스케일=1, 너비=장치 너비"/>

완성된 의미지도는 다음과 같습니다.

부제

• WebVTT 예제

비디오에 자막을 추가하려면 다음을 추가하세요. 예를 들어 그게 다예요

하지만 자막 형식에도 주의를 기울여야 합니다.

원본 자막

1
00:00:34,574 --> 00:00:40,305
영화 제목: The Ultimate Interview
번역: 파란색

2
00:01:52,800 --> 00:01:54,879
당신은 그것을받을 자격이 있습니다

이 자막은 직접 사용할 수 없으므로 다음 수정이 필요합니다.
웹VTT
1
00:00:34.574 --> 00:00:40.305
영화 제목: The Ultimate Interview
번역: 파란색

2
00:01:52.800 --> 00:01:54.879
당신은 그것을받을 자격이 있습니다

• 처음에 WEBVTT를 추가하세요
• 시간 소수점의 쉼표를 소수점으로 변경하세요

사용자 정의 자막 형식

• WebVTT: 웹 비디오 텍스트 트랙 형식

왼쪽 정렬로 설정, 노란색 텍스트
00:00:00.000 --> 00:00:40.305 줄-왼쪽 정렬:왼쪽
영화 제목: The Ultimate Interview
번역: 파란색
CSS

.video-js .vjs-text-track-display .yellow{
색상: 노란색;
}