Home/ Questions/Q 9256917
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-18T12:05:29+00:00

I’m trying to display a HTML5 video with subtitles in Chrome, but if for

  • 0

I’m trying to display a HTML5 video with subtitles in Chrome, but if for any reason the video element is inheriting some style properties the subtitles don’t display property.

For example if the video element is inheriting the line-height property then the subtitles don’t transform properly between the mode minimized and the mode fullscreen.

enter image description here

Check the examples page

I’m not able to define proper styles for the video > track element.

My main concern: is it possible to manipulate the styles of a video > track element in Chrome?

An my secondary concern: is this weird behavior of the line-height in these elements a Chrome bug or my fault?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Until we wait for the issue to be fixed we can use the :-webkit-full-screen pseudoselector to change line-height when the video is in fullscreen mode, here’s the snippet:

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

    I’ve tried on your test page (http://fguillen.github.com/ChromeVideoSubsStyle/) and it seems to work.

    • 0