如何创建一个按钮来镜像视频答案

【问题标题】：How to create a button to mirror video如何创建一个按钮来镜像视频
【发布时间】：2021-12-05 01:04:44
【问题描述】：

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

但它不起作用

我会感谢任何帮助谢谢:)

【问题讨论】：

【解决方案1】：

尝试将!important 添加到transform: scaleX(-1)。或者，
这个答案可能会对您有所帮助，但如果您想镜像 Vimeo 视频，那么您将不得不镜像整个 Vimeo Video iframe。

<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>

【讨论】：

非常感谢 iamabdm ！！！它完美地工作:)
很高兴有帮助 :) 如果解决了您的问题，请考虑接受答案。