鍍金池/ 問答/HTML5  HTML/ vedio在Chrome中無法顯示音量條

vedio在Chrome中無法顯示音量條

使用<vedio>標(biāo)簽的controls屬性時(shí)，音量控制按鈕在chrome中只能控制是否靜音，而沒有音量條調(diào)節(jié)音量？

<video src="./video/test.mp4" id="video" controls poster="./img/post.jpg" width="400" height="225"></video>

在Chrome中是這樣的，沒有音量條
clipboard.png

在edge中，則有

clipboard.png

請(qǐng)問是為什么呢？

回答
編輯回答
心癌

根據(jù)經(jīng)驗(yàn)，除非有特殊的規(guī)定，不能期望所有元素在不同瀏覽器的表現(xiàn)形式是一致的。（在safari中，video按全屏按鈕被畫中畫按鈕取代。）

但一般地，他們底層提供的接口應(yīng)該是一致的。所以你在不同瀏覽器都應(yīng)能通過相同的接口操作video。

比如可以自我實(shí)現(xiàn)控制音量的按鈕：Html5之a(chǎn)udio音頻和video視頻的控制詳解（controls）

2018年3月19日 21:29