Javascript FF（51.0.1）中可能存在错误-在线旋转为70度的视频无法正确渲染视频控制

我在Windows10上的Firefox51.0.1 32位中发现了一个可能的bug。 当视频应用70度内联变换旋转时，问题很明显。 从图像中可以看出，视频控制器与视频长度尺寸不匹配。 如果旋转设置为60度，则问题不可再现

我想知道：

• 你知道如何解决这个问题吗
• 什么会导致问题

document.addEventListener（'DOMContentLoaded'，事件=>{
设btn=document.getElementById（'button'）；
让target=document.getElementById（'target'）；
让旋转=70；
btn.addEventListener（'click'，事件=>{
旋转+=10；
target.style.transform=`rotateZ（${rotation}deg）`；
});
});

点击我旋转视频
经过一些研究，我发现这个bug出现在Firefox branch 51（稳定版本）上，但在Firefox开发者版53.0a2（2017-03-06）（32位）上不存在

由于我在他们的错误跟踪系统中找不到任何参考资料，我创建了一个专用记录单：
经过研究，我发现Firefox branch 51（稳定版本）上存在此漏洞，但在Firefox Developer edition 53.0a2（2017-03-06）（32位）上不存在此漏洞

由于我在他们的错误跟踪系统中找不到任何参考资料，我创建了一个专用记录单：
有趣的发现。一种可能的解决方法是隐藏默认控件，然后添加自己的控件。也许这些会正确地旋转？@domdom谢谢你的评论，是的，这可能是个好主意。但如果可能的话，我更喜欢使用本机控件元素。有趣的发现。一种可能的解决方法是隐藏默认控件，然后添加自己的控件。也许这些会正确地旋转？@domdom谢谢你的评论，是的，这可能是个好主意。但是如果可能的话，我更喜欢使用本机控件元素。