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

Question

我正在为视频播放器编写角度指令。 我希望自定义控件可以覆盖原生控件。
在正常模式下，所有工作正常，而在全屏模式下没有。

实际上问题出现在IE11和Microsoft Edge中。

• 在IE11中：本机栏（ok）和自定义栏（ko）都是
  隐。我不能出示我的酒吧。
• 在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（怎么做？）来处理show / hide本机控制栏的行为？

这是一个plunk http://plnkr.co/edit/zGlMN0Qys2yHdWgGXefk?p=preview，您可以在其中找到我的javascript纯代码。

我非常感谢任何帮助让事情顺利进行！

卢卡

Answer 1

解决方案在于调用requestFullscreen的方式。 在我在视频元素上调用该方法之前

$scope.videoElement.requestFullscreen();        

相反，必须在容器元素上调用requestFullscreen方法，以确保元素的子元素，例如，自定义控件，全屏也

$scope.videoContainer.requestFullscreen();