html5音视频播发及CSS效果样式搭配

html5音视频播放及CSS效果样式搭配

这几天一直在研究html5环境下样式效果展现问题，htm5的标签更加简洁，结合jquery和bootstrap3，能够很好地做出自己想要的比较绚丽的页面特效。

这里介绍下音视频播放用到的js库：

音频播放：

经过下面几步轻松搞定：

Put audio.js, player-graphics.gif & audiojs.swf in the same folder.

Include the audio.js file:

<script src="/audiojs/audio.min.js"></script>

Initialise audio.js:

<script>  audiojs.events.ready(function() {    var as = audiojs.createAll();  });</script>

Then you can use <audio> wherever you like in your HTML:

<audio src="/mp3/juicy.mp3" preload="auto" />

视频播放：

video-js

http://www.videojs.com/

经过下面几步也可以轻松搞定：