Page MenuHomePhabricator

Improve Video Player in High Contrast mode
Closed, DeclinedPublic

Description

Internet Explorer and Firefox have special high contrast modes automatically activated when using a high contrast system theme. In this mode, background-image: is disabled which kills CSS sprites. This also removes the play arrow overlay hint on thumbnails. Recommend using font icons or embedded SVGs.

Kaltura Player: Normal and High Contrast mode

Kaltura HTML5 Player: Normal vs High Contrast mode on Firefox 58.0.1 (48×422 px, 3 KB)

VideoJS player (dev): Normal and High Contrast mode

VideoJS player: Normal vs High Contrast mode on Firefox 58.0.1 (274×313 px, 2 KB)

How to test in Firefox:
In about:preferences, scroll to Fonts & Colors in Language and Appearance, click [Colors...], under "Override the colors specified by the page with your selections above" switch from [Only with High Contrast themes] to [Always].

Event Timeline

Jdforrester-WMF subscribed.

Mass-Declining all open tasks about the Kaltura audio/video player, as that code is no longer used and has been deleted. See T306971 for more information.