在移动浏览器和ie11上的全屏视频上添加div叠加

Question

我想在全屏

上添加叠加效果

这个演示（我发现这是在互联网上，而不是我的代码）

print ('http://jsfiddle.net/carmijoon/pZbkX/')

它适用于桌面镀铬，野生动物园，但不适用于ie11和移动铬，野生动物园。上面演示的浏览器兼容性是相同的。

有人知道如何破解以实现这一目标吗？