캡션을 전체 크기의 비디오로 표시하고 글자 크기가 바뀌지 않습니다.-Video-js

Question

video-js 5.19.2를 사용하고 원하는대로 맞춤 설정했습니다. 캡션을 표시하고 싶습니다. 전체 화면 및 글꼴 크기의 블록도 전체 화면에서 변경되지 않습니다. 이 항목을 추가했습니다. video-js의 CSS 파일에서이 내용을 추가했습니다.

.video-js .vjs-captions { font-size: 20px; } 
.video-js.vjs-fullscreen .vjs-text-track { font-size: 3em; } 

글꼴 크기가 변경되지 않았습니다.

[이것은 비디오 모달이다] [1] [1] : https://i.stack.imgur.com/N7kku.jpg

[이는 전체 크기의 비디오이다] [2] [2] : https://i.stack.imgur.com/8GzO8.jpg.

나는 이것이 새로운 비디오 js 버전에서 이루어졌지만 5.19.2에서 글꼴 크기를 변경할 수 없다는 것을 보았습니다. 비디오 형식의 글꼴 크기를 변경하는 방법을 알려주세요. js? 미리 감사드립니다.

Answer 1

VTT 캡션/내가 본 하위 제목의 인터넷 쓰기 업 이 방법으로 글꼴 속성을 정의 (그리고 나를 위해 노력하고 있습니다) 추천 : 또한

<style type="text/css">    
    video::cue { 
    color:CornflowerBlue; 
    font-size:18px; 
    } 
</style> 

, 내가 가져 내 이 같은 videojs의 CDN에서 VJS 코드 : https://github.com/videojs/video.js/tree/stable

,536,913 :이 당은 '안정적'5.x의 자료를 간주되기 때문에 내가 5.11.9을 사용

<script src="//vjs.zencdn.net/5.11.9/video.js" ></script> 
<link href="//vjs.zencdn.net/5.11.9/video-js.css" rel="stylesheet" type="text/css" /> 

[내 5.11.9 대신 5.19.2를 사용해 보았을 때 위의 제 스타일 코드가 FAILS이므로 중에서 선택하십시오. 5.19.2를 선택하면 분명히 다시 생각해야합니다. ]

Btw, 일부 브라우저는 VTT 글꼴 스타일을 존중합니다. Chrome은 지원하지만 Firefox는 지원하지 않습니다.

건배 ...