IE vtt отслеживать цвет фона - PullRequest
Новая
       98

IE vtt отслеживать цвет фона

0 голосов
/ 13 ноября 2018

Почему IE загружает .vtt без чёрного фона, а хром делает, нужно, чтобы IE был нормальным, а чёрный фон обыскивался, чтобы не преобладать.

Любая помощь по этому вопросу будет принята с благодарностью.

HTML: 

 <video [src]='videoURL' controls (ended)="onVideoEnd($event)" [style.maxHeight]="screen.data.height">
    <track label="English" kind="subtitles" srclang="en" [src]="screen.data.ccs" default
 </video>

CSS 

video {
    width: auto;
    position: absolute;
    top: 25%;
    left: 50%;
    height: 47%;
    width: auto;
    transform: translate(-50%, -50%);
}

video:fullscreen{
    transform: translate(0%, 0%);
}

Chrome: Chrome:

IE: IE

Ответы [ 2 ]

0 голосов
/ 14 ноября 2018

Пожалуйста, проверьте стиль CSS, наверное, вы используете псевдоэлемент :: cue CSS для установки цвета фона.Из этой статьи мы можем обнаружить, что браузер IE не поддерживает это свойство.Таким образом, он не будет отображать цвет фона в браузере IE.

Я предлагаю вам попробовать удалить фоновый цвет, чтобы в браузере Chrome и IE они имели одинаковый стиль (без цвета фона).

0 голосов
/ 13 ноября 2018

Согласно spec , вы можете стилизовать кий 

video::cue {
  background-image: linear-gradient(to bottom, dimgray, lightgray);
  color: papayawhip;
}

video::cue(b) {
  color: peachpuff;

}

По памяти это работает в IE.

...