html视频声音控制的代码,H5新属性audio音频和video视频的控制详解（推荐）

本文讲诉了H5新属性audio音频和video视频的控制，具体如下：

1.音频(audio)

2.视频(video)

静音

打开声音

播放

停止播放

全屏

下面是对于视频文件的控制；

javascript引出。

var myVideo=document.getElementById("video");

var btn=document.getElementById("button");

btn[0].click=function(){

myVideo.muted=true;(是否静音：是)

}

btn[1].click=function(){

myVideo.muted=true;(是否静音：否)

}

btn[2].click=function(){

myVideo.play();(播放)

}

btn[3].click=function(){

myVideo.pause();(停止播放)

}

btn[4].click=function(){

myVideo.webkitrequestFullscreen();(全屏显示)

}

3.如何设置进度条和视频的播放时长

同步进行。

如图所示: