如何在HTML5中镜像元素？我首先尝试将CSS转换与scale / rotate一起使用，但是不幸的是，它也将控件镜像到video元素。我只希望视频本身被镜像。
从技术上讲，我可以使用画布，将视频绘制到画布上，并通过一些图像操作对其进行镜像，但是对于如此简单的操作来说似乎过于复杂/浪费。
我需要这个的原因是因为我正在接受网络摄像头输入，但是不幸的是它是镜像的，这对我的用户来说有点不直观。我对此图像执行一些图像处理并显示结果。如果我可以镜像视频而不镜像控件，那么一切正常。
有什么建议么？
如果问题是视频与控件一起镜像，则不要使用视频的默认控件，而是使用 JavaScript 创建控件。
如果您按照w3.org 上的 HTML5 Video中的示例进行操作，那么创建并不难，也有一些在线教程可以做到这一点，例如bloken-link.com 上的 Building HTML5 videocontrols javascript，他们有一个工作演示。
这还让您可以自由地独立设置视频控件的样式，以便您可以决定使用 css 对它们应用哪些转换。如果你想模仿原始控件，你可以考虑让它们出现在悬停时并使用CSS动画让它们淡出。
附录：查看VideoJS，这是一个非常好的解决方案。不过，你必须尝试一下你的转变。