字幕不在视频的中间底部播放&； 我想让他们。 有什么好的方式来设计视频的字幕吗？ 使用CSS？ 我试过了，它工作到了一个极限，但它们就是不对齐它的中心。 字幕播放在视频的左下方。

HTML:

<video controls = "controls" poster="#" id="myvideo" style= "object-fit: cover;">
    <source src = "#" video = "web/mp4">
    <track kind = "subtitles" srclang = "en" src = "#" label = "English" default>
</video>

CSS:

video::-webkit-media-text-track-container {
  /* Style the container */
  margin: 0px;
  padding: 0px;
}

video::-webkit-media-text-track-background {
  /* Style the text background */
  margin: 0px;
  padding: 5px;
  border-radius: 5px;
  background-color: rgb(200, 200, 200);
}

video::-webkit-media-text-track-display {
  /* Style the text itself */
  font-size: 15px;
  max-width: 250px;
}

有什么办法能搞定这件事吗？ 如有任何帮助，我们将不胜感激。

还有，我试了所有这些，

  text-align: center;
  align-content: center;
  align-items: center;
  align-self: center;
  justify-content: center;
  justify-self: center;
  justify-items: center;
  <center>###</center>

但没有一个奏效。