如何在HTML5中镜像元素？我首先尝试使用带有缩放/旋转的CSS转换，但不幸的是，这也反映了视频元素的控件。我只想让视频本身被镜像。
我可以在技术上使用画布，将视频绘制到画布上，并通过一些图像处理来镜像，但这对于如此简单的事情来说似乎过于复杂/浪费。
我需要这个的原因是因为我正在进行网络摄像头输入，不幸的是它是镜像的，这对我的用户来说有点不直观。我对此图像执行一些图像处理并显示结果。如果我可以在不镜像控件的情况下镜像视频，那么一切都会成功。
有什么建议吗？
答案 0 :(得分：3)
如果问题是视频与控件一起镜像，则不要使用视频的默认控件，使用javascript创建视频。
如果您按照HTML5 Video at w3.org中的示例进行操作并不难创建，也有一些在线教程可以做到这一点，例如Building HTML5 video controls javascript at bloken-link.com，他们有working demo。< / p>
这也可以让您自由地独立设置视频控件的样式，这样您就可以决定使用css对它们应用哪些转换。如果你想模仿原始控件，可以考虑让它们出现在悬停状态并使用css动画使它们淡出。
附录：查看VideoJS，这是一个非常好的解决方案。您将不得不尝试转换。