可以制作<video>吗?镜像? [英] Is that possible to make <video> mirrored?

问题描述

是否可以将标签内的视频制作成水平或垂直镜像?

Is that possible to make a video inside tag mirrored horizontally or vertically?

推荐答案

您可以使用 CSS3 3D 转换来实现.

You can do it using a CSS3 3D transformation.

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

这将围绕其 Y 轴旋转 180 度(因此您现在是从后面看它)，其外观与镜像相同.

This will rotate it 180 degrees around its Y axis (so you're now looking at it from behind) which gives the same appearance as being mirrored.

http://jsfiddle.net/DuT9U/1/

这篇关于可以制作<video>吗?镜像?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！