HTML5音乐播放器

HTML5音乐播放器
一般情况下，要在html网页中播放音乐或者播放视频，可使用flash完成。

但是，苹果系列因为商业缘故，并不支持flash插件，这就使得很多在其他设备能正常播放的视频、音乐，在苹果中不能播放。

但值得庆幸的是，苹果支持html5，同时html5中有许多针对音视频的支持。

一、视频的跨平台解决方案
1、使用<iframe>元素如优酷提供的<iframe height=498 width=510
src="/embed/XODg1OTQ5MDc2" frameborder=0 allowfullscreen></iframe>
2、使用html5标签如<video>、<object> 其中，<object>可以支持在播放失败时加载预置的js代码
二、音频的跨平台解决方案
1、使用html5播放器网上有很多html5音乐播放器，但都是基于html5<audio>标签实现的。

这里我们使用audio.js来实现音乐播放，播放界面如下：
使用步骤：
其中的<ol>中的data-src是我们需要在浏览页面时加入的数据！
2.调整播放器界面界面
1).在<style>中的样式，主要控制播放器的相对位置和音乐列表的显示样式！
2).如果需要改变播放器的样式，则需要在audio.js中更高css的样式，比如更换颜色、调整界面宽度和高度等，具体操作的以下css:
3).需要注意的是，必须引入audio.js所需要的两个图片文件，具体如下：。