当前位置: 代码迷 >> HTML/CSS >> HTML5-audio跟video API
  详细解决方案

HTML5-audio跟video API

热度:222   发布时间:2013-08-01 15:23:18.0
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>

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

?