如何创建镜像视频按钮

Question

我需要创建一个按钮来镜像一个vimeo视频和另一个回到正常视图。我一直在尝试使用transform: scaleX(-1)

但它不工作

我很感激任何帮助，谢谢:)

Answer 1

尝试将!important添加到transform: scaleX(-1)。或者，
这个答案可能对你有帮助，但是如果你想镜像Vimeo视频，那么你必须镜像整个Vimeo视频框架。

<iframe id='VimeoVideo' src="https://player.vimeo.com/video/253989945?h=c6db007fe5" width="640" height="360" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
<button onclick='document.getElementById("VimeoVideo").style.transform = "scaleX(-1)"'>Mirror Video</button>
<button onclick='document.getElementById("VimeoVideo").style.transform = "scaleX(1)"'>Back To Normal</button>