定位HTML5视频播放器控件

Question

我正在使用Chrome中的HTML5原生视频播放器并遇到问题。控件似乎漂浮在视频本身下方，这在桌面上是可以接受的，但在移动设备上却非常明显。有没有办法让它留在视频帧内？

我真的不知道从哪里开始，因为我找不到任何具体针对控件的方法。

$pilot = $this->Pilots->get($id, [
    'contain' => ['Cars.Models.Brands]
]);

由于

Answer 1

您可以使用Shadow DOM设置<video>元素的控件样式。它目前只有browser support非常有限，但你说你在Chrome中这样做了，很高兴Chrome支持。

Sara Soueidan写道an article about how to use Shadow DOM to hide video controls。您可以将其作为起点。您似乎希望设置video::-webkit-media-controls和/或其后代的样式。