Videoeasy subtitles CSS

Videoeasy subtitles CSS

โดย Ludovic Lebleu -
Number of replies: 1
Hello,


I'm trying to change the appearance of the subtitles in VE; I'm using Video JS.

So far, I've done this (which didn't work):


<video id="@@AUTOID@@" class="video-js vjs-default-skin" controls preload="auto" width="@@WIDTH@@" height="@@HEIGHT@@"   data-setup='{"example_option":true}'><source src="@@VIDEOURL@@" type="@@AUTOMIME@@" /><track kind="subtitles" class="MYSUBTITLES" src="http://domain.org/online/subtitles/@@FILENAME@@.vtt" label="esp" default="default"></track></video>


Then I go the the Custom CSS box and define the class, for example:


.MYSUBTITLES {

background-color: #fff;

color: #F00;

font-size: 20px;

}


What am I missing?


Thank you!

การประเมินโดยเฉลี่ย: -
In reply to Ludovic Lebleu

Re: Videoeasy subtitles CSS

โดย Justin Hunt -
รูปภาพของParticularly helpful Moodlers รูปภาพของPlugin developers

The template looks fine, but I don't know how VideoJS handles the display of the subtitles. So you need to start looking there, ie at what VideoJS expects, and what is actually on the page. 

For this sort of thing, its faster to use the browser console ( F12 ) and select the video player / subtitle div/ whatever and edit the CSS styles directly there. Once it works and looks right, you can bring that css code back and put it in the template.

การประเมินโดยเฉลี่ย: -