本文讲诉了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.如何设置进度条和视频的播放时长
同步进行。
如图所示: