html - 镜像 HTML 5 视频

Question

我想在我的 HTML 5 视频上应用镜像效果。我通过应用这个 CSS 来做到这一点

  transform: scale(-1, 1);
  filter: FlipH;

它适用于桌面和网络，但不适用于移动设备(当我们进入全屏时)。

Answer 1

根据@PhonicUK 在this question

这是浏览器最常用的解决方案:

#videoElement
{
    transform: rotateY(180deg);
    -webkit-transform:rotateY(180deg); /* Safari and Chrome */
    -moz-transform:rotateY(180deg); /* Firefox */
}