html5 - chrome上的video控制條不同

Question

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

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

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

Answer 1

可能有一些原因導致：

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

2. 視訊格式的差異也會導致顯示不一樣，m3u8就不會顯示總時長。

3. 瀏覽器版本的不同

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

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

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

下面是我縮小螢幕後，檢視程式碼的效果

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