视频播放器的音量控制相关问题
问题:解决当静音时,让音量条滑到值为0,非静音时,返回原来的音量值
解决:
1.当静音时,volume的值为0
//调整音量滑块的值为0
volumeRangeEle.value = 0;
2.当再次点击音量键时,如何返回原静音前的音量值?
需要在点击静音前先保存原音量值,
在给音量滑块添加自定义属性data-volume用于保存原音量值(html代码)
<input class="volume" id="volume-range" value="1" type="range" max="1" min="0" step="0.01" data-volume="1">
自定义属性的js代码有2种写法:
//自定义属性 -- data-id(这个data-id只是一个名字而已)
HTMLElement.setAttribute("data-id",value);//①
HTMLElement.getAttribute(name,value);//②
HTMLElement.dataset