如何在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

回答