Media controls customization

Developers can now customize Chrome's native media controls such as the
download, fullscreen and remoteplayback buttons using the new ControlsList API.

Figure 1.
Native media controls in Chrome 58

This API offers a way to show or hide native media controls that do not make
sense or are not part of the expected user experience, or only whitelist a
limited set of features.

The current implementation for now is a blacklist mechanism on native controls
with the ability to set them directly from HTML content using the new
attribute controlsList. Check out the official
sample.

Autoplay for Progressive Web Apps added to home screen

Previously, Chrome used to block all autoplay with sound on Android without
exception. This is no longer true. From now on, sites installed using the
improved Add to Home Screen flow are allowed to autoplay audio and video
served from origins included in the web app manifest's scope without
restrictions.

Pause autoplaying muted video when invisible

As you may already know, Chrome on Android allows muted videos to begin playing
without user interaction. If a video is marked as muted and has the
autoplay attribute, Chrome starts playing the video when it becomes visible
to the user.

From Chrome 58, in order to reduce power usage, playback of videos with
the autoplay attribute will be paused when offscreen and resumed when back in
view, following Safari iOS behavior.'

Note: This only applies to videos that are declared as autoplay but not videos
that start playing with play().

color-gamut media query

As wide color gamut screens are more and more popular, sites can now access the
approximate range of colors supported by Chrome and output devices using the
color-gamut media query.

If you're not familiar yet with the definitions of color space, color profile,
gamut, wide-gamut and color depth, I highly recommend you read the
Improving Color on the Web WebKit blog post. It goes into much detail on how
to use the color-gamut media query to serve wide-gamut images when the user
is on wide-gamut displays and fallback to sRGB images otherwise.

The current implementation in Chrome accepts the srgb, p3 (gamut specified
by the DCI P3 Color Space), and rec2020 (gamut specified by the ITU-R
Recommendation BT.2020 Color Space) keywords. Check out the official
sample.