H5的audio音频和video视频使用详解

<audio controls="controls">

<source src="这里面放入音频文件路径"></source>

</audio>

<video controls="controls" loop="loop" autoplay="autoplay" id="video">

<source src="这里面放入视频文件路径"></source>

</video>

<button>静音</button>

 <button>打开声音</button>

 <button>播放</button>

 <button>停止播放</button>

 <button>全屏</button>

<script>

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();(全屏显示)

} 

</script>

<input type="range" min="0" value="50" max="100" id="range" />

var ran=document.getElementById("range");