Html 是否可以制作<；视频>；全屏镜像？

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

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

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

我正试图在Chrome中实现这一点

根据，您不能覆盖全屏元素的

转换

属性。但是，您可以给视频元素一个父元素，然后全屏显示该元素。这样，父元素就可以获得这些样式，您可以根据需要使用全屏视频元素

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

Per您不能覆盖全屏元素的

transform

属性。但是，您可以给视频元素一个父元素，然后全屏显示该元素。这样，父元素就可以获得这些样式，您可以根据需要使用全屏视频元素

---

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

我认为这是不可能的。@SLaks很高兴知道，谢谢。很有趣@你能解释为什么不行吗？全屏有什么特别之处，它不允许这样的转换？我的意思是，我可以想象全屏会覆盖

scale

（因为比例自然设置为设备的100%），但它也不能与

matrix3d

一起工作。“我认为那是不可能的。”斯莱克斯很高兴知道，谢谢。很有趣@你能解释为什么不行吗？全屏有什么特别之处，它不允许这样的转换？我的意思是，我可以想象全屏会覆盖

scale

（因为比例自然设置为设备的100%），但它也不能与

matrix3d

一起工作。如果该元素不允许用户本机全屏显示该元素，您如何“全屏显示该元素”？您需要JavaScript吗？OP的例子根本不使用任何JavaScript；我不想得出这样的结论：你只能用JavaScript来完成。你能创建一个例子吗？你必须使用JavaScript。谢谢Anne，我会在不久的将来尝试一下，并对你的答案给出相应的反馈。如果该元素不能让用户本机全屏显示它，你如何“全屏显示该元素”？您需要JavaScript吗？OP的例子根本不使用任何JavaScript；我不想得出这样的结论：你只能用JavaScript来完成。你能创建一个例子吗？你必须使用JavaScript。谢谢Anne，我会在不久的将来尝试一下，并对你的答案给出相应的反馈。