CSS可以輕松地隱藏視頻進(jìn)度條。使用以下代碼:
video::-webkit-media-controls-timeline { display:none; }
上面的代碼將隱藏視頻進(jìn)度條,只保留播放/暫停按鈕。這對(duì)于某些視頻來說可能是有用的,比如它們可能帶有自定義進(jìn)度條或其他交互元素。
請(qǐng)注意,這個(gè)代碼只適用于使用Webkit內(nèi)核的瀏覽器(比如Chrome和Safari)。要使其在其他瀏覽器中生效,您可能需要使用特定的廠商前綴或其他技巧。
您可以將上面的CSS代碼直接添加到視頻樣式表或頁面的主CSS文件中。如果您需要更細(xì)粒度的控制,可以使用CSS選擇器來選擇特定的視頻。
#my-video::-webkit-media-controls-timeline { display:none; }
對(duì)于ID為“my-video”的視頻,上面的代碼將隱藏其進(jìn)度條。
總的來說,隱藏視頻進(jìn)度條可能并不是任何網(wǎng)站都需要的功能。但是,如果您需要這樣做,此方法非常簡單易用并可用于大多數(shù)瀏覽器。
下一篇mysql 語法樹