google-chrome - Chrome HTML5 视频字幕样式

Question

我正在尝试在 Chrome 中显示带有字幕的 HTML5 视频，但如果由于某种原因该video元素继承了某些样式属性，则字幕不会显示属性。

例如，如果video元素继承了该line-height属性，则字幕不会在最小化模式和模式fullscreen之间正确转换。

检查示例页面

我无法为video > track元素定义正确的样式。

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

我的次要问题：这些元素中的这种奇怪行为是line-heightChrome 错误还是我的错？

Answer 1

在我们等待问题得到解决之前，我们可以:-webkit-full-screen在视频处于全屏模式时使用伪选择器来更改行高，下面是代码片段：

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

我已经在您的测试页面（http://fguillen.github.com/ChromeVideoSubsStyle/）上进行了尝试，它似乎有效。