在Android OS的Chrome中,全屏/横向模式下HTML5视频右上角的尴尬栏

时间:2019-03-15 20:47:25

标签: html html5 video html5-video html5-fullscreen

我在Android操作系统的Chrome浏览器中遇到问题,当在横向屏幕上以全屏模式播放视频时,会出现一些条形。这些视频上的酒吧是https://www.w3schools.com/html/html5_video.asp,您可能会从下面的Samsung Galaxy S9中截取屏幕截图。enter image description here

这些酒吧是否意味着在那里?他们的目的是什么?如果是的话,它们代表什么?

2 个答案:

答案 0 :(得分:1)

这是一个(新)控件,即使在全屏模式下(与其他控件一起消失),它也会对轻击/轻扫做出反应以显示主要的Android导航UI。

它通过阴影dom在元素video::-internal-media-controls-display-cutout-fullscreen-button中以<input type="button" pseudo="-internal-media-controls-display-cutout-fullscreen-button" style="">的形式出现,但此刻(类似于某些其他阴影dom元素)似乎无法样式化。

答案 1 :(得分:-1)

这是为那些有缺口的人准备的。您必须点按它,它会移动视频,因此在观看视频时不会打扰您。