html网页音乐播放器自带播放列表

基于网页的音乐播放器demo  

自己diy了一个手机端在线音乐播放器演示地址

全面支持手机端浏览器。

主要修改引用路径(不要修改文件相对存放地址)

第二就是正则拼接参数了

<script src="http://www.likecs.com/city/js/libs/jquery-1.10.2.min.js"></script> <script src="http://www.likecs.com/city/js/libs/jquery-ui.min.js"></script> <script src="http://www.likecs.com/city/js/libs/bootstrap.min.js"></script> <!-- Style CSS --> <link href="http://www.likecs.com/city/css/bootstrap.css" media="screen"> <link href="http://www.likecs.com/city/style.css" media="screen"> <!-- General Scripts --> <script src="http://www.likecs.com/city/js/general.js"></script> <!-- custom input --> <script src="http://www.likecs.com/city/js/jquery.customInput.js"></script> <!-- Placeholders --> <script src="http://www.likecs.com/city/js/jquery.powerful-placeholder.min.js"></script> <script> jQuery(document).ready(function($) { if($("[placeholder]").size() > 0) { $.Placeholder.init(); } }); </script> <!-- CarouFredSel --> <script src="http://www.likecs.com/js/jquery.carouFredSel-6.2.1-packed.js"></script> <!-- Lightbox prettyPhoto --> <link href="http://www.likecs.com/css/prettyPhoto.css"> <script src="http://www.likecs.com/js/jquery.prettyPhoto.js"></script> <!-- Video Player --> <link href="http://www.likecs.com/city/css/video-js.css"> <script src="http://www.likecs.com/city/js/video.js"></script> <script> videojs.options.flash.swf = "js/video-js.swf"; </script> <!-- Audio Player --> <link href="http://www.likecs.com/city/css/jplayer.css"> <script src="http://www.likecs.com/city/js/jquery.jplayer.min.js"></script> <script src="http://www.likecs.com/city/js/jplayer.playlist.min.js"></script> <script type="text/javascript"> //<![CDATA[ $(document).ready(function(){ new jPlayerPlaylist({ jPlayer: "#jquery_jplayer_1", cssSelectorAncestor: "#jp_container_1" }, [<?php if(strlen($a[2])>6){foreach ($a as $va) { echo $tittle.$va; };}?> {title:"<div class=http://www.likecs.com/\'item-image\'><img src=http://www.likecs.com/\'http://bsp1.yokacdn.com/starimg/300_400/1d5969ee7bd06ff1cb30fd951be154dd.jpg\' /></div>终于等到你",m4a:"http://cc.stream.qqmusic.qq.com/C100003GF7MY2P0fz7.m4a?fromtag=52"},{title:"<div class=http://www.likecs.com/\'item-image\'><img src=http://www.likecs.com/\'http://bsp1.yokacdn.com/starimg/300_400/1d5969ee7bd06ff1cb30fd951be154dd.jpg\' /></div>陪你走到底",m4a:"http://cc.stream.qqmusic.qq.com/C100003GX33X2aLY1R.m4a?fromtag=52"},{title:"<div class=http://www.likecs.com/\'item-image\'><img src=http://www.likecs.com/\'http://bsp1.yokacdn.com/starimg/300_400/1d5969ee7bd06ff1cb30fd951be154dd.jpg\' /></div>如果爱下去",m4a:"http://cc.stream.qqmusic.qq.com/C10000395SnV0rl1hZ.m4a?fromtag=52"},{title:"<div class=http://www.likecs.com/\'item-image\'><img src=http://www.likecs.com/\'http://bsp1.yokacdn.com/starimg/300_400/1d5969ee7bd06ff1cb30fd951be154dd.jpg\' /></div>天下无双",m4a:"http://cc.stream.qqmusic.qq.com/C100002sjtbA1K4ASF.m4a?fromtag=52"} ], { swfPath: "js", supplied: "oga, mp3,m4a", wmode: "window", smoothPlayBar: false, keyEnabled: false }); }); //]]> </script>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zwyzpd.html