文章詳情頁
html5 - chrome上的video控制條不同
瀏覽：239日期：2022-12-08 15:37:55
問題描述
同樣是用video標(biāo)簽，我自己的網(wǎng)頁上的控制條是這樣的，少了全屏和總時間
但我看了下秒拍的，也沒做什么處理，按鈕是全的
給缺的那幾個按鈕添加樣式確實可以調(diào)出來，但是同樣是沒有任何處理，為什么按鈕都不一樣
問題解答
回答1：可能有一些原因?qū)е拢?/p>
除了下載按鈕，都可以通過css隱藏的，你可以檢查一下你的css代碼是否有這些操作。
視頻格式的不同也會導(dǎo)致顯示不一樣，m3u8就不會顯示總時長。
瀏覽器版本的不同
和頁面當(dāng)前的寬度有關(guān)，部分按鈕會被瀏覽器隱藏
你可以審查元素，具體比較video標(biāo)簽上是否有不同的屬性
這是我 Chrome 60.0.3100.0（正式版本） （32 位）
下面是我縮小屏幕后，審查代碼的效果
可以具體看看shadow dom 里那些隱藏了
標(biāo)簽：
Html5
相關(guān)文章：
1. html5和Flash對抗是什么情況？2. html5 - datatables 加載不出來數(shù)據(jù)。3. docker 下面創(chuàng)建的IMAGE 他們的 ID 一樣？這個是怎么回事？？？？4. 利用IPMI遠(yuǎn)程安裝centos報錯！5. node.js - mongodb查找子對象的名稱為某個值的對象的方法6. 運行python程序時出現(xiàn)“應(yīng)用程序發(fā)生異常”的內(nèi)存錯誤？7. 測試自動化html元素選擇器元素ID或DataAttribute [關(guān)閉]8. javascript - QQ第三方登錄的問題9. javascript - 在 model里定義的 引用表模型時，model為undefined。10. spring-mvc - spring-session-redis HttpSessionListener失效
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備