HTML5-audio和video API

检测浏览器是否支持audio元素或video元素最简单的方式是用脚本动态创建它，然后检测特定函数是否存在：

var hasVideo = !!(document.createElement('video').canPalyType);

这段脚本会动态创建一个video元素，然后检查vanPlayType()函数是否存在。通过“!!”运算符将结果转换成布尔值，就可以反映出水平对象是否已创建成功。

使用source元素

最简单的情况下，src特性直接指向媒体文件就可以了。

万一浏览器不支持相关容器或者编码器，这就需要用到备用声明了。备用声明中可以包含多种来源，浏览器可以从这么多的来源中进行选择：

例子：

<audio controls>
   <source src=".......ogg">
   <source src=".......mp3">
An audio clip from Johann Sebastian Bach.
</audio>

 注意：来源列表的排放顺序，要按照用户体验由高到低或者服务器消耗由低到高列出。