如何在micorostf边缘隐藏html视频控件（全屏模式）

我正在为视频播放器编写角度指令。我想要自定义控件应该覆盖原生的。
在正常模式下，全屏模式下没有任何问题。如何在micorostf边缘隐藏html视频控件（全屏模式）

实际上问题发生在IE11和Microsoft Edge中。

要隐藏我试着用

video::-webkit-media-controls { 
    display:none !important; 
} 

video::-webkit-media-controls-enclosure { 
    display:none !important; 
}

但酒吧似乎在微软浏览器不起作用。

我已经阅读并遵守本一篇关于几乎同样的问题change html5 video controls layout when fullscreen

这个问题有没有关系的角度，但我想不通的地方把我的手得到的东西的工作原理：在CSS或是否必须使用javascript（如何？）来处理本地控制栏的显示/隐藏行为？

这是一个plunk http://plnkr.co/edit/zGlMN0Qys2yHdWgGXefk?p=preview在哪里你可以找到我的JavaScript纯代码。

我真的很感谢任何帮助，让事情工作！

Luca

嗨卢卡，我还没有测试我的解决方案在两个边和IE11但你可以尝试在你的头标记补充一点： '' 尽快我会尝试，如果这可以在这些浏览器中工作。 – Pierfrancesco

嗨Pierfrancesco，但为什么我应该隐藏自定义栏？ –

我试过了，但没有奏效。 –

该解决方案驻留在调用requestFullscreen的方式中。之前，我打电话给视频元素

$scope.videoElement.requestFullscreen();

相反，requestFullscreen方法上该方法不得不容器元素上调用，以确保其子元素，例如自定义控件，去全屏也

$scope.videoContainer.requestFullscreen();

2015-10-27 13:14:01

回答