Chrome HTML5视频字幕样式

Question

我正在尝试在Chrome中显示带有字幕的HTML5视频，但如果video元素因任何原因继承了某些样式属性，则字幕不会显示属性。< / p>

例如，如果video元素继承line-height属性，则字幕最小化和模式全屏之间的字幕转换不正确

检查examples page

我无法为video > track元素定义合适的样式。

我主要担心：是否可以操纵Chrome中video > track元素的样式？

我的第二个问题：这些元素中line-height的奇怪行为是Chrome错误还是我的错？

Answer 1

在我们等待修复问题之前，我们可以使用:-webkit-full-screen伪选择器在视频处于全屏模式时更改行高，这是片段：

video{ line-height: 15px }
video:-webkit-full-screen{ line-height: 30px }

我已经尝试过你的测试页面（http://fguillen.github.com/ChromeVideoSubsStyle/），它似乎有效。