Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript:.css jquery视频反转_Javascript_Jquery_Css - Fatal编程技术网
Fatal编程技术网

Javascript:.css jquery视频反转

javascript jquery css

Javascript:.css jquery视频反转,javascript,jquery,css,Javascript,Jquery,Css,我想通过URL反转传入的图像（实际上是视频）。当我尝试在HTML中反转图像时，它只是反转HTML的按钮。我想它可能被定义为背景。我想知道的是如何反转图像（视频）定义的背景。这是我的消息来源 来源 streamImageUrl是定义为？action=stream的URL 总之, 过程1）上下颠倒我的图像 过程2）向左和向右旋转过程1中反转的图像 谢谢。将背景图像设置在一个单独的元素中，该元素跨越页面的宽度和高度，并且位置：固定 使用CSS3scaleX或scaleY设置为-1，分别水平或垂直翻转

我想通过URL反转传入的图像（实际上是视频）。当我尝试在HTML中反转图像时，它只是反转HTML的按钮。我想它可能被定义为背景。我想知道的是如何反转图像（视频）定义的背景。这是我的消息来源

来源 

streamImageUrl
是定义为
？action=stream
的URL

总之,

过程1）上下颠倒我的图像

过程2）向左和向右旋转过程1中反转的图像

谢谢。

将背景图像设置在一个单独的元素中，该元素跨越页面的宽度和高度，并且
位置：固定

使用CSS3
scaleX
或
scaleY
设置为
-1
，分别水平或垂直翻转元素

您还可以使用CSS3
rotateX
和
rotateY

示例：
用于旋转任何HTML元素



iframe{
变换：旋转3d（0,1,10180度）；
}


您可以使用css实现这一点



$（'rotateVideo'）。单击（函数（）{
$（'video'）.toggleClass（'rotatevideo'）；
});
$（“#镜像视频”）。单击（函数（）{
$（'video'）.toggleClass（'mirrorvideo'）；
});

.rotatevideo{
-moz变换：旋转（180度）；
-webkit变换：旋转（1800度）；
-o变换：旋转（180度）；
-ms变换：旋转（180度）；
变换：旋转（180度）；
}
.mirrorvideo{
-moz变换：scaleX（-1）；
-o变换：scaleX（-1）；
-webkit转换：scaleX（-1）；
转换：scaleX（-1）；
过滤器：FlipH；
-ms过滤器：“FlipH”；
}





旋转视频

镜像视频
你的HTML在哪里？

$("body").css("background-image", "url('" + streamImageUrl + "')");