Vedio cannot display the volume bar in Chrome

when using the controls attribute of the < vedio > tag, the volume control button can only control whether or not to mute in chrome, and there is no volume bar to adjust the volume?

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

in Chrome, there is no volume bar
clipboard.png

edge

clipboard.png

May I ask why?

Mar.23,2021

as a rule of thumb, unless there is a special rule, all elements cannot be expected to behave the same in different browsers. (in safari, the video button that presses full screen is replaced by the picture-in-picture button. )

but in general, the interfaces they provide at the bottom should be consistent. So you should be able to operate video through the same interface in different browsers.

for example, buttons that can self-implement to control volume: Html5 audio audio and video video control details (controls)

Menu