如何实现用html代码控制视频音量

html-css013

如何实现用html代码控制视频音量,第1张

在html网页中插入这段代码<embed src="a.avi" autostart=false fullscreen=true width="400" height="300" align="bottom"></embed>可实现在网页中播放和控制avi视频，简要解释一下，src是源文件路径，autostart是控制是否自动播放，fullscreen是控制是否全屏播放的，后面的想你应该知道意思，不过要注意的是，在本地播放视频需要本地播放器和解码器的支持如果你的avi视频是xvid编码压缩的（这种avi视频体积较小），必须要装xvid解码器，如果你的视频不是avi格式，请把它转换成avi格式；对于swf影片，也可以这样用，但是不能控制播放，要想控制播放，一个是在flash里加按钮控制，另外就是把swf影片转换成avi格式。

<!DOCTYPE html> 

<html> 

<head>

<meta charset="utf-8">

<title>菜鸟教程(runoob.com)</title>

</head>

<body> 

<audio id="myAudio" controls>

<source src="horse.ogg" type="audio/ogg">

<source src="horse.mp3" type="audio/mpeg">

您的浏览器不支持 audio 与元素。

</audio>

<p>点击按钮获取或者设置播放的音频音量。</p>

<button onclick="getVolume()" type="button">查看音量?</button>

<button onclick="setHalfVolume()" type="button">设置音量为 0.2</button>

<button onclick="setFullVolume()" type="button">设置音量为 1.0</button>

<script>

var x = document.getElementById("myAudio")

function getVolume(){ 

alert(x.volume)

} 

function setHalfVolume(){ 

x.volume = 0.2

} 

function setFullVolume(){ 

x.volume = 1.0

} 

</script> 

</body> 

</html>

<audio  src="" autoplay="autoplay" loop="loop" id="bgAudio"></audio>

document.getElementById("bgAudio").volume = 0.8

/*设置背景音乐的音量为80%*/