Html Видео субтитры, нажимаемые элементами управления

Question

У меня есть html элемент видео, к которому я добавляю TextTrack и добавляю субтитры в виде VTTCues:

let video = this.$refs.video as HTMLVideoElement;
let track = video.addTextTrack('captions', 'English', 'en');
let cue = new VTTCue(0, 100, 'example subtitle');

//modify some of the cue's properties
cue.align = 'centre';
cue.snapToLines = true;
track.addCue(cue);

Иногда у меня есть несколько строк субтитров, поэтому мне нужно, чтобы они складывались на друг над другом, следовательно, устанавливая «snapToLines» в true.

Проблема, с которой я столкнулся, заключается в том, что при наведении курсора на видео для отображения элементов управления эти субтитры выдвигаются панелью управления, а при перемещении от мыши, субтитры не перемещаются назад. Как не допустить, чтобы панель управления привела мое положение субтитров ????

Answer 1

К сожалению, не нашли правильного решения. Исправление, которое я использовал, заключается в создании настраиваемой панели управления и размещении ее под видео и удалении встроенных элементов управления из элемента html (достигается удалением элемента «control» из элемента video).