是否可以在全屏模式下镜像<video>？

Question

我目前使用以下css

镜像我的输出

#video {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

但是，在全屏模式下，css不适用。有没有办法在全屏模式下完成相同的镜像？

我正在尝试在Chrome中完成此操作。

Demonstration Fiddle

Answer 1

每https://fullscreen.spec.whatwg.org/#user-agent-level-style-sheet-defaults您无法覆盖全屏元素的transform属性。但是，您可以做的是为视频元素提供父元素，而全屏显示该元素。这样父元素就可以获得这些样式，你可以使用全屏视频元素。

浏览器可能无法对此进行优化，但我不确定他们今天在多大程度上进行优化。无论如何。