[html5]html5技术onvolumechange事件控制静音

[html5]html5技术onvolumechange事件控制静音

在此页面的结尾处尝试该示例并注意外部按钮和视频对象中的内置控件如何保持同步。 
 
以对 onvolumechange 事件使用相同的技术以控制静音按钮上的图形。由于没有单独的静音和音量事件，因此下一示例使用 onvolumechange 来处理两个状态。 

video.addEventListener("volumechange", function () { 
    if (video.muted) { 
        // if muted, show mute image 
        document.getElementById("mute").innerHTML = "<img alt='volume off button' src='mute2.png' />" 
    } else { 
        // if not muted, show not muted image 
        document.getElementById("mute").innerHTML = "<img alt='volume on button' src='vol2.png' />" 
    } 
}, false);