IE vtt跟踪背景色

Question

为什么IE会在没有黑色背景的情况下加载.vtt，而铬会加载IE，则需要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浏览器：

IE：

Answer 1

根据spec，您可以设置提示的样式

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

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

}

从内存中看，这在IE中有效。

Answer 2

请检查CSS样式，我想也许您正在使用:: cue CSS伪元素设置背景色。从this article，我们可以发现IE浏览器不支持此属性。因此，它将不会在IE浏览器中显示背景颜色。

我建议您尝试删除背景色，以便在Chrome和IE浏览器中它们具有相同的样式（没有背景色）。