JavaScript 参考手册
onvolumechange 事件
使用 volume 属性设置音量
源代码:
点击运行 »
< !DOCTYPE html > < html > < head > < meta charset = "utf-8" > < title > 蜜蜂教程(mifengjc.com) < /title> < /head> < body > < video id = "myVideo" width = "320" height = "240" controls > < source src = "/examples/movie.mp4" type = "video/mp4" > < source src = "/examples/movie.ogg" type = "video/ogg" > 您的浏览器不支持 HTML5 video。 < /video> < p > 点击以下按钮修改音量值, 或者点击右边的音量按钮来调整音量。 < /p> < button onclick = "setHalfVolume()" type = "button" > 设置音量为 0.2 < /button> < button onclick = "setFullVolume()" type = "button" 设置音量为 1.0 < /button> < p id = "demo" > < /p> < script > // 获取 id="myVideo" 的 video 元 var x = document.getElementById("myVideo"); // 向视频添加 "volumechange" 事件 x.addEventListener("volumechange", getVolume); // 显示 id="demo" 的 p 元素中视频的音量 function getVolume() { document.getElementById("demo").innerHTML = "视频音量为: " + x.volume; } // 设置音量为 0.2 function setHalfVolume() { x.volume = 0.2; } // 设置音量为 1.0 (最大) function setFullVolume() { x.volume = 1.0; } < /script> < /body> < /html>
运行结果:
点击运行 »