Programmer's Blog

Monthly Archives: September 2013

Hiding Native HTML5 Video Controls in Full-Screen Mode css-tricks …

Inspecting the controls with the dev tools showed that the reason the controls were hidden below is because the user agent's style sheet (in this case Chrome's style sheet ) was overriding the styles applied to the controls, with a very weird z- index value, I must say! The high z-index applied by Chrome's user agent stylesheet … the function of the shadow DOM perfectly in his article for SitePoint: The Shadow DOM encapsulates content by creating document fragments. … Read more »