Resizing the controls based on the size of the player seems like expected behavior. I suspect the issue has to do with using css transforms on an iframe. I modified your code to set the height and width attribute instead of using a scale transform and it worked just fine.
I’m curious what the actual use case is here. Perhaps we can offer an alternative solution?