Mediaelement player controls scrambled

I have multiple <video> elements dynamically hidden and shown through jQuery scripts. This works fine except the video controls are positioned all to the 开发者_JS百科left and over each other instead of the standard layout.

When I manage to hit the full screen widget and have it revert back to embedded, suddenly the controls are fine.

Page is built with html5 boilerplate with scripts in the header.

My guess is that mediaelement gets confused or not updated properly by the dynamic loading, which the full screen operation fixes?

Instead of showing and hidding <video> containing divs, this Switch-Video-Example directly switches the src.