Chrome HTML5視頻字幕樣式

Question

我試圖在Chrome中顯示帶有字幕的HTML5視頻，但如果由於某種原因video元素正在繼承某些樣式屬性，則字幕不會顯示屬性。

例如，如果video元件被繼承line-height屬性則字幕不正確最小化模式和模式全屏之間變換。

檢查examples page

我不能確定正確的樣式爲video > track元素。

我的主要擔憂：是否可以在Chrome中操縱video > track元素的樣式？

我的第二個擔憂是：這些元素中的line-height這種奇怪的行爲是Chrome bug還是我的錯？

Answer 1

直到我們等待要固定，我們可以使用:-webkit-full-screen pseudoselector改變行高當視頻在全屏模式的問題，這裏的片段：

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

我對你的測試嘗試頁面（http://fguillen.github.com/ChromeVideoSubsStyle/），它似乎工作。