vedio在Chrome中无法显示音量条

Question

使用<vedio>标签的controls属性时，音量控制按钮在chrome中只能控制是否静音，而没有音量条调节音量？

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

在Chrome中是这样的，没有音量条

在edge中，则有

请问是为什么呢？

Answer 1

根据经验，除非有特殊的规定，不能期望所有元素在不同浏览器的表现形式是一致的。（在safari中，video按全屏按钮被画中画按钮取代。）

但一般地，他们底层提供的接口应该是一致的。所以你在不同浏览器都应能通过相同的接口操作video。

比如可以自我实现控制音量的按钮：Html5之audio音频和video视频的控制详解（controls）