The following revision refers to this bug:
  https://chromium.googlesource.com/chromium/src.git/+/46152379088a4474d8aaa844ba1c18f86cbb16f1

commit 46152379088a4474d8aaa844ba1c18f86cbb16f1
Author: Becca Hughes <beccahughes@chromium.org>
Date: Thu Jun 28 17:51:40 2018

[Display Cutout] Make media controls use the safe area

Inset media contols by the safe area to avoid overlapping
the display cutout.

BUG= 857252 

Change-Id: I38c25a07f880cd93caf6c89662e541f52096e638
Reviewed-on: https://chromium-review.googlesource.com/1117835
Reviewed-by: Tommy Steimel <steimel@chromium.org>
Commit-Queue: Becca Hughes <beccahughes@chromium.org>
Cr-Commit-Position: refs/heads/master@{#571195}
[modify] https://crrev.com/46152379088a4474d8aaa844ba1c18f86cbb16f1/third_party/blink/renderer/modules/media_controls/media_controls_impl_test.cc
[modify] https://crrev.com/46152379088a4474d8aaa844ba1c18f86cbb16f1/third_party/blink/renderer/modules/media_controls/resources/modernMediaControls.css