HTML5音频与视频

video视频播放

• 支持的三种格式：ogg、mpeg4、webm （不同的浏览器支持的格式有差别，有的甚至不支持）

基本用法如下：

• width和height支持整数和百分比两种格式
• autoplay：就绪后自动播放
• loop：循环
• controls：暂停、开始等这些控件的显示 video控件中的字是当浏览器无法正常显示时所展示的文字

<video src="birth.mp4" controls width="500px" height="350px" autoplay loop>
       你的浏览器不支持显示
</video>

属性

• poster：播放前的预览图片
• preload：视频在页面加载时是否加载，并预备播放，一般情况下不设置，值：auto（视频也加载）\none\metadate（只加载视频的时长、基本信息等）

    <video src="birth.mp4" controls width="500px" height="350px" autoplay loop poster="im1.jpg" preload="auto">
        你的浏览器不支持显示
    </video>

source元素

• 是video和audio的子元素，可以指定多个文件来源来解决浏览器的兼容问题
• 若使用了source元素，则不能设置src值

<video controls width="500px" height="350px" autoplay loop poster="im1.jpg" preload="auto">
        <source src="birth.mp4" type="video/mp4">
        <source src="birth.webm" type="video/webm">
        你的浏览器不支持显示
</video>

audio音频播放

• 支持的三种格式：ogg、mp3、wav （不同的浏览器支持的格式有差别，有的甚至不支持）
• 它与video的属性相同
• 设置的意义在于让H5在不使用插件的情况下支持音频格式文件的播放

<audio src="au.mp3" controls width="500px" height="350px" autoplay loop preload="auto">
       你的浏览器不支持显示
</audio> 

转换格式的软件：格式工厂（不支持webm格式）
可使用Free WebM Encoder

embed/object

• 用来嵌入对象，比如flash
• 能否正常显示取决于浏览器是否安装有相关插件
• 属性：src、type、width、height

<embed src="作品.swf" type="application/x-shockwave-flash"></embed>

object只用来嵌入对象，例如在H5未新增之前的audio、video等

by the way，
德云she好看
卤zhu报吃
南luo鼓巷一般般。。。