Page MenuHomePhabricator

Video play button overlay - move to corner
Closed, DeclinedPublic

Description

Suggestion to

  • move the play button overlay, into the bottom-left corner (bottom-right in RTL wikis)

Context: The current location obscures the center of the thumbnails, which drastically reduces their aesthetic and functional use as still images.
This has led to videos being moved down from the lead-image position (with actual still images, from the videos, as replacements).
It is also often hard to see the play button, because we've purposefully lowered the contrast due to the overlay being in the center. (cf. T50377: Videos' [Play ▶] center triangle: Improve contrast so it's easier to spot that it's not a still image and T117344: Investigate increasing the contrast for arrows in the multimedia video player )

This was discussed at

It was then discussed in more technical detail at https://en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_16#Improve_appearance_and_utility_of_embedded_video_player_objects
And enabled at enwiki with this code change (which remains the same, today) https://en.wikipedia.org/w/index.php?title=MediaWiki:Common.css&diff=634568364&oldid=634568266

/* Move 'play' button of video player to bottom left corner */
.PopUpMediaTransform a .play-btn-large {
    margin: 0;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
}

See also:

Event Timeline

bzimport raised the priority of this task from to Needs Triage.Nov 22 2014, 3:59 AM
bzimport set Reference to bz73438.
bzimport added a subscriber: Unknown Object (MLST).

Change 173745 had a related patch set uploaded by Reticulated Spline:
Add ability to move and scale main 'Play' button

https://gerrit.wikimedia.org/r/173745

Gilles subscribed.

Change 173745 had a related patch set uploaded (by Paladox):
Add ability to move and scale main 'Play' button

https://gerrit.wikimedia.org/r/173745

Tgr updated the task description. (Show Details)

I've edited the details, to fix old links, and specify exactly what CSS enwiki used.

The patchset linked in comments above, is more powerful/complicated, allowing the play button to be located in any of 5 places (center, or corners), plus other features. (See full commit message at https://gerrit.wikimedia.org/r/#/c/173745/ )

Quiddity renamed this task from Video play button overlay - move to corner and increase contrast to Video play button overlay - move to corner.Feb 23 2016, 12:20 AM
Quiddity updated the task description. (Show Details)

@Edokter @Redrose64 @Martijn_Hoekstra Someone from uk.wikipedia was asking about doing the same thing, on IRC today. You covered this at Enwiki - Do you have any thoughts about making it global? Or on using the more complicated patch (linked above) to add options and also cover the button-resizing bug?

Change 173745 abandoned by TheDJ:

[mediawiki/extensions/TimedMediaHandler@master] Add ability to move and scale main 'Play' button

Reason:

this was for the old player

https://gerrit.wikimedia.org/r/173745

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.