视频播放器的音量控制问题

视频播放器的音量控制相关问题
问题：解决当静音时，让音量条滑到值为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