使用html5media.js可以在所有浏览器上观看html5视频和音频文件,它弥补了低版本IE浏览器不支持和标签,只需要载入html5media.js使用和标签就能跨浏览器播放视频和音频。
如何使用?
想让html5的video和audio标签能在所有浏览器上工作,必须在页面的head内部加入以下一行代码:
然后你可以使用以下代码加入一段视频:
你还可以使用以下代码加入一段音频:
Video标签
| 属性 | 值 | 描述 |
| autoplay | true | false | 如果是 true,则视频在就绪后马上播放。 |
| controls | true | false | 如果是 true,则向用户显示控件,比如播放按钮。 |
| height | 像素 | 设置视频播放器的高度。 |
| loop | true | false | 完成播放后再次开始播放,即循环播放 |
| poster | url | 当视频未响应或缓冲不足时,该属性值链接到一个图像。该图像将以一定比例被显示出来 |
| src | url | 所播放视频的 url。使用子元素 实现更好。 |
| width | 像素 | 设置视频播放器的宽度。 |
HTML5浏览器和音频格式兼容性
| 音频格式 | Chrome | Firefox | IE9 | Opera | Safari |
| OGG | 支持 | 支持 | 支持 | 不支持 | 不支持 |
| MP3 | 支持 | 不支持 | 支持 | 不支持 | 支持 |
| WAV | 不支持 | 支持 | 不支持 | 支持 | 不支持 |
外,不同浏览器音频空间外观也不一样。