HTML5--视频，音频

视频

<video src="movie.ogg" controls="controls">
Your browser does not support the video tag.
</viedo>

1、当然你video支持三种视频格式
ogg、MPEG 4、WebM
2、video之间插入的内容是 不支持video元素的浏览器显示的。
3、不同格式的文件使用不同的浏览器。因此为了兼容，video中间可以允许多个source元素。source元素可以连接不同的视频文件。浏览器将使用第一个可识别的格式。

<video width="320" height="240" controls="controls">
  <source src="movie.ogg" type="video/ogg">
  <source src="movie.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>

标签的属性
autoplay:出现则在视频就绪后马上播放
controls:向用户像是控件，播放暂停等按钮
height：播放器高度
width：播放器宽度
loop:当媒体文件播放完后再次开始播放
preload:视频在页面加载时进行加载，并与被播放，若使用了autoplay则忽略该属性。

使用DOM进行控制

<script>
    var myVideo = document.getElementById('video1');
    function playPause(){
        if(myVideo.paused){
            myVideo.play()
        }else{
            myVideo.pause();
        }
    }
</script>

上面的为video关于DOM的一些方法属性和操作。
其他

音频
同样支持三种音频格式：Ogg Vorbis、MP3、Wav

<audio src="song.ogg" controls>
    <source src="song.ogg" type="audio/ogg">
    <source src="song.mp3" type="audio/mpeg">
    Your browser does not support the audio tag.
</audio>

使用方法和视频相同

标签的属性
autoplay：音频在就绪后马上播放
controls：想用显示控件
loop：音频结束时重新开始
preload：在页面进行加载时加载，并预备播放
src: url

音频用法基本和视频差不多，也有一些相关的DOM操作。