2

Chromeで字幕付きのHTML5ビデオを表示しようとしていますが、何らかの理由で要素がいくつかのスタイルプロパティvideoを継承している場合、字幕はプロパティを表示しません。

たとえば、video要素がプロパティを継承している場合、字幕は最小化モードとフルスクリーンline-heightモードの間で適切に変換されません。

ここに画像の説明を入力してください

例のページを確認してください

video > track要素に適切なスタイルを定義できません。

私の主な関心事:Chromeで要素のスタイルを操作することは可能ですか?video > track

私の二次的な懸念:line-heightこれらの要素のこの奇妙な動作はChromeのバグですか、それとも私のせいですか?

4

1 に答える 1

1

問題が修正されるのを待つまで:-webkit-full-screen、ビデオがフルスクリーンモードのときに、疑似セレクターを使用して行の高さを変更できます。スニペットは次のとおりです。

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

テストページ( http://fguillen.github.com/ChromeVideoSubsStyle/ )を試してみましたが、機能しているようです。

于 2013-02-09T01:20:49.130 に答える