是否可以使 <video> 全屏镜像？

【问题标题】：Is it possible to make <video> mirrored in fullscreen?是否可以使 <video> 全屏镜像？
【发布时间】：2015-11-24 09:33:21
【问题描述】：

我目前正在使用以下 css 镜像我的输出

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

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

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

Demonstration Fiddle

【问题讨论】：

我认为这不可能。
@SLaks 很高兴知道，谢谢。
有趣。 @SLaks你能解释一下为什么不吗？全屏有什么特别之处，它不允许这样的转换？
我的意思是，我可以想象全屏会覆盖scale（因为比例自然设置为设备的100%），但它也不适用于matrix3d . New fiddle.

标签： html css google-chrome html5-video

【解决方案1】：

根据https://fullscreen.spec.whatwg.org/#user-agent-level-style-sheet-defaults，您不能覆盖全屏元素的transform 属性。但是，您可以做的是给视频元素一个父元素并全屏显示该元素。这样，父元素就可以获得这些样式，而您可以对全屏视频元素做任何您想做的事情。

浏览器可能无法优化那么多，但我不确定他们今天优化到什么程度。

【讨论】：

如果该元素不能让用户在本机上全屏显示，你如何“全屏显示该元素”？你需要JavaScript吗？ OP 的示例根本不使用任何 JavaScript；我不想得出结论，你只能用 JavaScript 来做到这一点。你能举个例子吗？
你必须使用 JavaScript。
谢谢安妮，我会在不久的将来尝试一下，并根据您的答案提供反馈。