html5精致音乐播放器列表版(jquery代码)

播放器演示

html5精致音乐播放器列表版(jquery代码)演示

播放器介绍

1.这款是html5+jquery代码写的一款精致音乐播放器列表版,支持列表是它的特色。
2.爱播网整理收集,支持列表连播功能,支持多首歌曲播放。
3.界面方面还不错,css也可以自己设定界面色彩的。
4. 列表方面直接添加歌曲名字和地址及缩图即可,参考如下:

<div id="playlist">
        <ul>
            <li t_cover="bianxingjingang.jpg" t_artist="变形金刚主题曲" t_name="Transformers">
                <a href="#">变形金刚主题曲 – Transformers</a>
                <audio preload="none">
                    <source src="Media/Transformers.mp3" type="audio/mp3">
                    <source src="http://www.datouwang.com/" type="audio/ogg; codecs=vorbis">
                </audio>
            </li>
            <li t_cover="dengziqi.jpg" t_artist="邓紫棋" t_name="喜欢你">
                <a href="#">邓紫棋 – 喜欢你</a>
                <audio preload="none">
                    <source src="http://sc1.111ttt.com/2014/1/09/12/2121908298.mp3" type="audio/mp3">
                    <source src="http://www.datouwang.com/" type="audio/ogg; codecs=vorbis">
                </audio>
            </li>
            <li t_cover="zhoujielun.jpg" t_artist="周杰伦" t_name="最长的电影">
                <a href="#">周杰伦 – 最长的电影</a>
                <audio preload="none">
                    <source src="http://sc.111ttt.com/up/mp3/21567/82A1E2ED54A07B173CDEAFD38DF63C4F.mp3" type="audio/mp3">
                    <source src="http://www.datouwang.com/" type="audio/ogg; codecs=vorbis">
                </audio>
            </li>
            <li t_cover="dengziqi.jpg" t_artist="男生版" t_name="泡沫">
                <a href="#">男生版 – 泡沫</a>
                <audio preload="none">
                    <source src="http://sc.111ttt.com/up/mp3/325955/BEBEB47B017439208D11F62558E9A9D1.mp3" type="audio/mp3">
                    <source src="http://www.datouwang.com/" type="audio/ogg; codecs=vorbis">
                </audio>
            </li>
            <li t_cover="taozhe.jpg" t_artist="陶喆" t_name="爱我还说他">
                <a href="#">陶喆 – 爱我还说他</a>
                <audio preload="none">
                    <source src="http://sc.111ttt.com/up/mp3/75773/A444FCBC6F3003067D83C5CD83DB191B.mp3" type="audio/mp3">
                    <source src="http://www.datouwang.com/" type="audio/ogg; codecs=vorbis">
                </audio>
            </li>
        </ul>
    </div>

html5精致音乐播放器列表版(jquery代码)

这款是html5+jquery代码写的一款精致音乐播放器列表版,支持列表是它的特色

开  发:network

发布时间:2017-03-20
推荐程度:★★★☆☆ 热度:53℃
下载次数:

热门标签

我爱播放器,专注于网页播放器的开发与应用

NO84 - 很酷jquery相册展示效果,jquery拼图相册,jquery幻灯相册代码

很酷jquery相册展示效果,jquery拼图相册,jquery幻灯相册代码,支持下一张播放...

开  发:csdn.net

发布时间:2016-12-27
推荐程度:☆☆☆☆☆ 热度:430℃
下载次数:

NO58 - QQ音乐网页播放器界面很酷的

QQ音乐网页播放器界面很酷的,jQuery网页QQ音乐播放器样式代码...

开  发:酷播

发布时间:2015-06-10
推荐程度:☆☆☆☆☆ 热度:6857℃
下载次数:

NO45 - 极酷阳光V2.5多终端跨平台播放器(支持pc/苹果ios/安卓等移动端)

多终端跨平台视频点播/视频直播的目标在于:让用户基于PC终端、安卓Android、苹果iOS、Windows Phone等主流终端,都可以正常播放同一个视频源,极酷阳光播放器V2.5多终端跨平台播放器...

开  发:CuPlayer.com

发布时间:2014-11-10
推荐程度:☆☆☆☆☆ 热度:25969℃
下载次数:

NO36 - 视频弹窗弹出层效果videoLightBox(含三种播放器的用法)

视频弹窗弹出层效果videoLightBox(含三种播放器的用法),这是一种在当前页面中弹出播放窗口层的效果,视频在这个层中正常播放,带关闭功能的。...

开  发:酷播

发布时间:2014-06-30
推荐程度:☆☆☆☆☆ 热度:8879℃
下载次数:

NO28 - jquery实现的当前页面播放器切换效果下载

jquery实现的当前页面播放器切换效果(酷播迷你V3版)下载 适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗....

开  发:coco

发布时间:2014-02-24
推荐程度:☆☆☆☆☆ 热度:4780℃
下载次数:

NO51 - 纯HLS(m3u8)跨平台技术(HLSPlayer,m3u8Player跨平台多终端)

纯HLS(m3u8)跨平台技术(HLSPlayer,m3u8Player跨平台多终端),支持PC终端,Android安卓终端,iOS苹果终端,WindowsPhone终端...

开  发:NetWork

发布时间:2014-12-17
推荐程度:☆☆☆☆☆ 热度:58070℃
下载次数:

NO59 - 超级酷音乐播放器带列表连播html5播放器(EsayMusicListPlayer)

超级酷音乐播放器带列表连播html5播放器(EsayMusicListPlayer),html5实现的超漂亮音乐播放器代码,可自定义歌曲列表、支持上一曲下一曲、支持调整歌曲进度、支持音量调节、切换歌曲时可切换歌曲封面。...

开  发:酷播

发布时间:2015-06-10
推荐程度:☆☆☆☆☆ 热度:4123℃
下载次数:

NO47 - 非常简单易用的mp3音乐播放器flash音乐播放器

非常简单易用的mp3音乐播放器flash音乐播放器,播放器大小只有4kb,够小的吧。主要参数只有三个,file [mp3地址]、songVolume [音量]、autoStart [是否自动播放]...

开  发:jeroenwijering

发布时间:2014-11-11
推荐程度:☆☆☆☆☆ 热度:3316℃
下载次数:
联系我们 | 友情链接2016-2018(C) www.52player.cn 我爱播放器 专注于网页播放器的开发与应用 ICP备06008174号-3