CODEWITHSUNDEEP
htmlvideohtml5-videohtml5-fullscreen
User14289
User14289

Reputation: 189

Awkward bars on top right of HTML5 video in full screen/landscape mode in Chrome on Android OS

I am experiencing an issue in Chrome browser on Android operating systems, there are some bars that appear when the video is played in full screen mode on landscape. The bars are present on this video: https://www.w3schools.com/html/html5_video.asp and you may see a screenshot taken from a Samsung Galaxy S9 below.enter image description here

Are these bars meant to be there? What is their purpose / what do they symbolize if so?

Upvotes: 1

Views: 3313

Answers (2)

Rachid
Rachid

Reputation: 31

It's for those who have a notch. You have to tap it, and it will shift the video, so the notch won't disturb you when watching the video.

Upvotes: -1

Offbeatmammal
Offbeatmammal

Reputation: 8228

it is a (new) control that reacts to a tap/swipe to show the main Android navigation UI even when in full-screen (disappears along with the rest of the controls)

It appears via the shadow dom as video::-internal-media-controls-display-cutout-fullscreen-button in an element <input type="button" pseudo="-internal-media-controls-display-cutout-fullscreen-button" style=""> but it appears (similar to some other shadow dom elements) resistant to styling at the moment.

Upvotes: 2

Related Questions