html5 - chrome上的video控制條不同

問題描述

同樣是用video標簽，我自己的網頁上的控制條是這樣的，少了全屏和總時間

但我看了下秒拍的，也沒做什么處理，按鈕是全的

給缺的那幾個按鈕添加樣式確實可以調出來，但是同樣是沒有任何處理，為什么按鈕都不一樣

問題解答

可能有一些原因導致：

除了下載按鈕，都可以通過css隱藏的，你可以檢查一下你的css代碼是否有這些操作。

視頻格式的不同也會導致顯示不一樣，m3u8就不會顯示總時長。

瀏覽器版本的不同

和頁面當前的寬度有關，部分按鈕會被瀏覽器隱藏

你可以審查元素，具體比較video標簽上是否有不同的屬性

這是我 Chrome 60.0.3100.0（正式版本） （32 位）

下面是我縮小屏幕后，審查代碼的效果

可以具體看看shadow dom 里那些隱藏了