Captions on bottom on Chrome 43

[TearsDontFalls]

Since a few days and a chrome auto update, the captions of all Video.js players are always at bottom:0

Tested+affected: Windows 7 + Chrome 43
Tested+unaffected: Chrome 42 on Android, Windows 7 + Firefox 38

Example Screenshot of http://www.videojs.com/ :

[heff]

Hmm, that's annoying. Did the shadow dom class names change? I was pretty
sure we had CSS pushing the captions up, but I'm not finding it.

On Fri, May 22, 2015 at 9:21 AM, TearsDontFalls notifications@github.com
wrote:

Since a few days and a chrome auto update, the captions of all Video.js
players are always at bottom:0

Tested+affected: Windows 7 + Chrome 43
Tested+unaffected: Chrome 42 on Android, Windows 7 + Firefox 38

Example Screenshot of http://www.videojs.com/ :
[image: image]
https://cloud.githubusercontent.com/assets/1379201/7774936/2304f9f2-00af-11e5-8de3-9646ed29c4c5.png

—
Reply to this email directly or view it on GitHub
#2193.

[TearsDontFalls]

On Chrome its using native tracks(so also no caption settings), so something is bugging there i think.

Found a quick workaround for now: Set these settings to false

video.js/src/js/tech/tech.js

Line 44 in 5d550ff

if (options.nativeCaptions === false || options.nativeTextTracks === false) {

and it works as it isnt using native track support.

[heff]

Yeah, you can disable native captions, but long term I think we want to rely on Chrome's native captions because people can set the captions settings once and use them across sites. I thought we had CSS that pushed the captions up using the shadow dom.

[ksheurs]

Not sure if this is recommended, but this has been working for us:

video::-webkit-media-text-track-container {
  bottom: 0.75em;
}

[mmcc]

Yep, seems reasonable to me, just kinda stinks that one of the only references I could find to this shadow selector was Sam Dutton's website.

[gkatsev]

If you enable the shadow DOM in Chrome dev tools, you can see the selectors you could use.

[mmcc]

Someone want to put together a PR for this? @ksheurs?

[EZWrighter]

This affects Safari as well: #1904

[gkatsev]

It seems like ::-webkit-media-text-track-container on safari is doing weird stuff. Like, the caption shows up in the appropriate place (say 2em up) but then moves up another 2ems...

[chemoish]

+1