HTML5 学习笔记10-音频视频

audio定义声音；video定义视频；source规定多媒体资源可以是多个；control属性提供添加播放、暂停和音量控制

1、HTML5音频播放

<audio src="fanwei.mp3" id="audioid">您的浏览器不支持</audio>
<button onclick="play()">播放/暂停</button>
<script>
var a=document.getElementById("audioid");
function  play(){
if(a.paused){
a.play();
}else{
a.pause();
}
}
</script>

2、HTML5音频视频-编解码工具

3、HTML5视频播放

<video  controls width="640px" height="480px">
<source src="ad.ogv" type='video/ogg; codecs="theora, vorbis"'/>
<source src="ad.webm" type='video/webm'>
<source src="ad.mp4" type='video/mp4'>
<p>Video is not visible, most likely your browser does not support HTML5 video</p>
</video>