文章詳情頁
html5 - chrome上的video控制條不同
瀏覽：158日期：2022-12-08 15:37:55
問題描述
同樣是用video標簽，我自己的網頁上的控制條是這樣的，少了全屏和總時間
但我看了下秒拍的，也沒做什么處理，按鈕是全的
給缺的那幾個按鈕添加樣式確實可以調出來，但是同樣是沒有任何處理，為什么按鈕都不一樣
問題解答
回答1：可能有一些原因導致：
除了下載按鈕，都可以通過css隱藏的，你可以檢查一下你的css代碼是否有這些操作。
視頻格式的不同也會導致顯示不一樣，m3u8就不會顯示總時長。
瀏覽器版本的不同
和頁面當前的寬度有關，部分按鈕會被瀏覽器隱藏
你可以審查元素，具體比較video標簽上是否有不同的屬性
這是我 Chrome 60.0.3100.0（正式版本） （32 位）
下面是我縮小屏幕后，審查代碼的效果
可以具體看看shadow dom 里那些隱藏了
標簽：
Html5
相關文章：
1. javascript - 如何將一個div始終固定在某個位置；無論屏幕和分辨率怎么變化；div位置始終不變2. html - vue項目中用到了elementUI問題3. javascript - 原生canvas中如何獲取到觸摸事件的canvas內坐標?4. javascript - vscode alt+shift+f 格式化js代碼，通不過eslint的代碼風格檢查怎么辦。。。5. javascript - 求解答：實例對象調用constructor，此時constructor內的this的指向？6. javascript - 有什么比較好的網頁版shell前端組件？7. java - 如何寫一個intellij-idea插件，實現編譯時修改源代碼的目的8. javascript - [js]為什么畫布里不出現圖片呢？在線等9. java 中Long 類型如何轉換成Double？10. html5 - 有可以一次性把所有 css外部樣式轉為html標簽內style=" "的方法嗎?
排行榜
網公網安備