如何镜像a<；视频>；HTML5

如何在HTML5中镜像元素？我第一次尝试使用带有缩放/旋转的CSS转换，但不幸的是，这也将控件镜像到视频元素。我只是希望视频本身被镜像

从技术上讲，我可以使用画布，将视频绘制到画布上，并通过一些图像处理将其镜像，但对于如此简单的事情来说，这似乎过于复杂/浪费

我之所以需要它，是因为我正在接受网络摄像头的输入，不幸的是它是镜像的，这对我的用户来说有点不直观。我对这张图像进行了一些图像处理，并显示了结果。如果我可以在不镜像控件的情况下镜像视频，那么一切都会正常进行

---

有什么建议吗？

如果问题是视频与控件一起镜像，那么不要为视频使用默认控件，请使用javascript创建这些控件

如果您按照中的示例进行创建并不困难，也有一些在线教程可以做到这一点，例如，它们有一个

这也让您可以自由地独立设置视频控件的样式，因此您可以决定使用css对其应用哪些转换。如果你想模仿原始控件，你可以考虑让它们出现在悬停状态，并使用CSS动画使它们淡出。

---

---

附录：看看吧，这是一个非常好的解决方案。不过，您必须对您的转换进行试验。

您是否检查了此项，谢谢！我来看看VideoJS，我理解你们的意思。使用css技巧，videoElem.style.transform=scale（-1,1）