h5场景炫酷h5音乐播放器代码自动播放代码

查看: 回复:4
2015精英h5播放视频和音乐,不能任意选播放进度和位置。升级?[待解决]
您好,精华帖至少要有15张图片,文字不少200个字!并且是原创内容,布局合理。
自动加载图片
楼主 电梯直达 楼
2015精英h5播放视频和音乐,不能任意选播放进度和位置。能软件升级吗?
官方价:0.0-0.0万
相关提问:
申请精华帖
您的申请已经提交,请耐心等待审核
1、审核通常是1-3个工作日
2、审核结果我们会通过系统消息给您答复
申请精华帖
您已经超过申请限制,不可再申请
您的申请连续三次被驳回,已经无法再申请精华帖,谢谢你对我们的支持!如有疑问,可以
申请精华帖
您有发现精华的慧眼,赞一个!
1、我们会在1-3个工作日内完成审核
申请精华帖
此贴已经申请精华中,谢谢您的支持!
1、我们会在1-3个工作日内完成审核
申请精华帖
您好,该帖子经过审核后,发现内容不符合精华要求,无法申请成为精华,谢谢你的支持!
申请精华帖
抱歉,帖子还没达到精华标准
精华帖至少要有15张图片,文字不少于200个字!您的帖子未达到要求,不能申请精华。
问度娘,估计不行,华阳的地图很烂的……
可以,试过,不过忘了哪个键,记得需要长按
您需要登录后才可以发帖
回复成功!积分+2
请输入内容微信端开发H5页面的时候,audio标签在苹果机上无法进行自动播放 - 博客频道 - CSDN.NET
wp_boom的博客
在微信端开发H5的时候,audio标签在苹果机上无法进行自动播放
&audio controls="controls" id="music" loop="loop"&
&source src="./assets/sound/music.mp3" type="audio/ogg" /&
&source src="./assets/sound/music.ogg" type="audio/ogg" /&
这是我html上的代码,经过运行发现android机上能够良好的呈现并播放,但是在苹果机上呈现的是一条白杠和一个无法使用的三角形按钮。
使用Audio标签的属性进行检测
Media = document.getElementById("music")
alert(Media.networkState)
于是尝试使用js去注入一个路径
Media.src = "./assets/sound/music.mp3"
Media.play()
发现苹果机的音乐播放问题被解决了
&audio controls="controls" id="music" loop="loop" style="display: none"&
&source src="./assets/sound/music.mp3" type="audio/ogg" /&
&source src="./assets/sound/music.ogg" type="audio/ogg" /&
Media = document.getElementById("music")
Media.src = "./assets/sound/music.mp3"
Media.play()
个人猜测:苹果手机对静态标签的src支持可能不太友好, 需要js注入路径才能播放(纯属新手的个人猜测,希望有朋友能正确引导我)
问题扩展:曾经有一段时间是苹果机的音乐能够播放,android机不能播放,至今未找到原因,如果有人知晓关于audio的更多知识,还请不吝赐教
排名:千里之外&&国之画&&&& &&
版权所有 京ICP备号-2
迷上了代码!关于微信H5页面开发中音乐不自动播放的解决方法
  我想应该有很多人在做H5场景应用、H5微刊、H5微杂志的时候加入背景音乐吧(客户需求),相信很多人一定碰过不能自动播放的时候,即使是相同的iPhone 5s也有不播放的时候,很蛋疼吧!?
之前我的解决方案:
  我想应该有很多人在做H5场景应用、H5微刊、H5微杂志的时候加入背景音乐吧(客户需求),相信很多人一定碰过不能自动播放的时候,即使是相同的iPhone 5s也有不播放的时候,很蛋疼吧!?
之前我的解决方案:
&script type="text/javascript"&
var firstTouch =
$('body').bind("touchstart",function(e){
if ( firstTouch ) {
firstTouch =
document.getElementById('bgm').play();
  原理就是若遇到禁止自动播放的手机,用户第一次触摸屏幕的时候就执行播放事件,我试过很多什么window.onload = function(){},预加载图片后回调执行播放事件,插件jquery.imgpreload.min.js 图片加载完毕回调都然并卵......没有办法的办法只能用上面方法。
我最近在瞎逛前端BLOG淘淘经验偶遇这个解决方案,至于哪个网站我忘记了,但是我做了摘录:
原理就是通过new一张图片,监听一张图片的onload事件,结束后回调执行音频播放audio.play()即可,原理估计是动了dom结构,相当于执行了一次交互。
1.音乐不宜过长,30s为佳,而且音乐要加上渐现渐隐效果,方便循环播放;
2.音乐体积要小,音质和流量,在手机上还是优先考虑流量吧。
一般背景音乐体积可以接受的范围是200K以下,若太大,可以使用格式工厂等软件,降低它的比特率和声道来改变体积。自制音乐播放器 歌词同步 (H5 面向对象 操作json数据)
& && &&&& && && & 歌曲切换& && && & 歌词同步(并给样式)& && && & 进度条拖动、点击& && && & 音量控制& && && & 监听下一曲自动播放技术点:
& && & &&json伪数据操作 (&&歌词)& && && &获取audio属性& && && &构造函数,每首歌配置初始化& && && &进度条操作,鼠标事件阿里云图标引用了字体图标 实时预览看不到 下载附件
ps:那啥,由于资料太多 我又没钱买服务器 前端网附件还要小于5M 请小伙伴自行去网盘里面下载&&网盘下载:链接:/s/1kV4hn9t 密码:ezik 记得回来给我点个赞哦~么么哒
进群口号:前端
html 代码效果预览
&!DOCTYPE html&
&meta charset=&utf-8&&
&title&音乐播放器&/title&
&style type=&text/css&&
padding: 0;
@font-face {font-family: 'iconfont';
src: url('font/iconfont.eot'); /* IE9*/
src: url('font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('font/iconfont.woff') format('woff'), /* chrome、firefox */
url('font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
url('font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
html,body{
height: 100%;
background: linear-gradient(top,#fbfd);
background: -moz-linear-gradient(top,#fbfd),-moz-linear-gradient(top,#fbfd);
background: -webkit-linear-gradient(top,#fbfd),-webkit-radial-gradient(ellipse,#fff,#fff);
.clear::after{
content: &&;
width: 100%;
height: 0;
.container{
left: 50%;
margin-left: -400
margin-top: -300
width: 800
height: 600
/*border: 1px solid rgba(255,255,255,0.5);*/
box-shadow: 0 0 10px rgba(255,255,255,0.5);
background: linear-gradient(top,#fb4b4b,#3f3ffb);
background: -moz-linear-gradient(top,#fb4b4b,#3f3ffb);
background: -webkit-linear-gradient(top,#fb4b4b,#3f3ffb);
width: 50%;
height: 100%;
border-right: 1px solid rgba(255,255,255,0.5);
box-sizing: border-
width: 100%;
.photo_pic{
width: 250
height: 250
margin: 75px auto 0;
border-radius: 50%;
background: url(img/photo1.jpg);
box-shadow:0 0 2px #666, 0 0 10px #666;
height:150
.choose_obj{
width: 50%;
text-align:
color: #fff
margin-top: 40
height: 50
font-size:50
line-height: 50
font-family: &iconfont&;
text-shadow: 2px 2px 0px #666;
.icon.yellow+span{
.icon.pink+span{
color: #f7759f;
.choose_obj span{
height: 30
line-height: 30
font-family: &微软雅黑&;
font-size: 14
height: 10
left: 50%;
margin-top: -15
margin-left: -15
background: #666;
border: 10px solid #
box-shadow: 0 0 1px #000;
border-radius: 50%;
.progress{
font-family: &iconfont&
width: 50%;
height: 100%;
font-size: 12
text-align:
height: 50
line-height: 50
.progress_bar{
width: 300
margin-top: 23
background-color: #
.progress_cube{
background-color: #000;
border:5px solid #
border-radius: 50%;
.progress_obj{
line-height: 30
.ctrl_btn{
.ctrl_btn .btn{
width: 33.3%;
text-align:
.play_btn{
font-size: 24
.ctrl_info{
width: 300
padding-left: 100
width: 100
height: 100%;
background-color: #
margin-top: 13
.vol_cube{
background-color: #000;
border:4px solid #
border-radius: 50%;
width: 100
height: 100%;
text-align:
.lyric_tit{
height: 50
line-height: 50
text-align:
font-weight: 700;
margin-top: 30
.lyric_con{
line-height: 40
font-size: 14
padding: 0px 50
text-align:
height: 450
margin-top: 20
#lyric_txt{
width: 100%;
height: 100%;
.lyric_con p.played{
.lyric_con p.active{
font-size: 20
font-weight: 700;
#list_con{
bottom: 30
width: 150
height: 100
color: #666;
padding: 10px 0;
border-radius: 5
background: rgba(255,255,255,.8);
font-family: &微软雅黑&;
font-size: 14
&div class=&container& id=&container&&
&div class=&music&&
&div class=&photo&&
&div class=&photo_pic& id=&photo_pic&&&div class=&cd&&&/div&&/div&
&div class=&choose&&
&div class=&choose_obj choose_like& &
&div class=&icon& id=&icon1&&
&span&喜欢&/span&
&div class=&choose_obj choose_share&&
&div class=&icon& id=&icon2&&
&span&收藏&/span&
&div class=&progress&&
&div class=&progress_obj clear&&
&time&00:00&/time&
&div class=&progress_bar& id=&progress_bar&&&div class=&progress_cube& id=&progress_cube&&&/div&&/div&
&time&00:00&/time&
&div class=&progress_obj clear&&
&div class=&ctrl_btn&&
&div id=&prev_btn& class=&prev_btn btn&&?&/div&
&div id=&play_btn& class=&play_btn btn&&?&/div&
&div id=&next_btn& class=&next_btn btn&&?&/div&
&div class=&ctrl_info&&
&div class=&vol&&?&div class=&vol_bar& id=&vol_bar&&&div class=&vol_cube& id=&vol_cube&&&/div&&/div&&/div&
&div class=&list& id=&list&&?&div id=&list_con&&&p&fffffffff&/p&&p&fffffffff&/p&&p&fffffffff&/p&&/div&&/div&
&audio src=&song/王菲-笑忘书.mp3&&&/audio&
&div class=&lyric&&
&div class=&lyric_tit& id=&lyric_tit&&&/div&
&div class=&lyric_con& id=&lyric_con&&&div id=&lyric_txt&&&/div&&/div&
&script type=&text/javascript&&
var lyric=[{'name':&笑忘书&,'img':'img/photo1.jpg','audio_src':'song/王菲-笑忘书.mp3','content':&[00:00.00][00:01.00]笑忘书(国)[00:03.00]王菲[00:05.00][00:12.00]没 没有蜡烛 就不用勉强庆祝[00:17.00]没 没想到答案 就不用寻找题目[00:23.00]没 没有退路 问我也不要思路[00:29.00]没 没人去仰慕 那我就继续忙碌[00:34.00]lalala 思前想后[00:37.00]差一点忘记了怎么投诉[00:40.00]lalala 从此以后 不要犯同一个错误[00:46.00]将这样的感触 写一封情书送给我自己[00:51.00]感动得要哭 很久没哭[00:54.00]不失为天大的幸福 将这一份礼物[00:59.00]这一封情书 给自己祝福[01:02.00]可以不在乎 才能对别人在乎[01:20.00]有 一点帮助 就可以对谁倾诉[01:26.00]有 一个人保护 就不用自我保护[01:32.00]有 一点满足 就准备如何结束[01:37.00]有 一点点领悟 就可以往后回顾01:43.00]lalala 思前想后[01:46.00]差一点忘记了怎么投诉[01:49.00]lalala 从此以后 不要犯同一个错误[01:54.00]将这样的感触 写一封情书送给我自己[01:59.00]感动得要哭 很久没哭[02:03.00]不失为天大的幸福 将这一份礼物[02:08.00]这一封情书 给自己祝福[02:11.00]可以不在乎 才能对别人在乎[02:43.00]Lalalala....... Lalalala.......[02:55.00]从开始哭着忌妒 变成了笑着羡慕[03:00.00]时间是怎么样把握了我皮肤[03:03.00]只有我自己最清楚[03:06.00]将这样的感触 写一封情书送给我自己[03:11.00]感动得要哭 很久没哭[03:15.00]不失为天大的幸福 将这一份礼物[03:19.00]这一封情书 给自己祝福[03:22.00]可以不在乎 才能对别人在乎[03:28.00]让我亲手 将这样的感触[03:31.00]写一封情书送给我自己[03:34.00]感动得要哭 很久没哭[03:37.00]不失为天大的幸福[03:39.00]就好好将这一份礼物[03:42.00]这一封情书 给自己祝福[03:45.00]可以不在乎 才能对别人在乎 &
},{'name':&化身孤岛的鲸&,'img':'img/photo2.jpg','audio_src':'song/李逸朗-化身孤岛的鲸.mp3','content':&[00:00.00] 化身孤岛的鲸[00:03.00] 作词:沃特艾文儿[00:06.00] 作曲:徐浩[00:09.00] 编曲:伍昊予[00:12.00] 演唱:李逸朗[00:15.00] Lrc By:吉时雨[00:18.00] QQ:132 :21.00]
[00:25.64] 我是只化身孤岛的蓝鲸[00:28.94] 有着最巨大的身影[00:33.46] 鱼虾在身侧穿行[00:37.23] 也有飞鸟在背上停[00:42.48] 我路过太多太美的奇景[00:45.85] 如同伊甸般的仙境[00:50.11] 而大海太平太静[00:53.96] 多少故事无人倾听[00:58.91] 我爱地中海的天晴[01:02.55] 爱西伯利亚的雪景[01:06.30] 爱万丈高空的鹰[01:08.59] 爱肚皮下的藻荇[01:10.94] 我在尽心尽力地多情[01:14.20] 直到那一天[01:20.11] 你的衣衫破旧[01:22.19] 而歌声却温柔[01:24.19] 陪我漫无目的地四处漂流[01:28.24] 我的背脊如荒丘[01:30.49] 而你却微笑摆首[01:32.91] 把它当成整个宇宙[01:37.24] 你与太阳挥手[01:39.13] 也同海鸥问候[01:41.25] 陪我爱天爱地的四处风流[01:45.13] 只是遗憾你终究[01:47.33] 无法躺在我胸口[01:49.78] 欣赏夜空最辽阔的不朽[01:53.71] 把星子放入眸[02:03.33] 我是只化身孤岛的蓝鲸[02:06.98] 有着最巨大的身影[02:10.96] 鱼虾在身侧穿行[02:15.06] 也有飞鸟在背上停[02:20.18] 我有着太冷太清的天性[02:23.90] 对天上的她动过情[02:27.95] 而云朵太远太轻[02:32.21] 辗转之后各安天命[02:36.50] 我未入过繁华之境[02:40.35] 未听过喧嚣的声音[02:44.05] 未见过太多生灵[02:46.24] 未有过滚烫心情[02:48.77] 所以也未觉大洋正中[02:52.58] 有多么安静[02:57.10] 你的衣衫破旧[02:59.02] 而歌声却温柔[03:01.18] 陪我漫无目的四处漂流[03:05.32] 我的背脊如荒丘[03:07.34] 而你却微笑摆首[03:10.16] 把它当成整个宇宙03:13.96] 你与太阳挥手[03:15.97] 也同海鸥问候[03:18.13] 陪我爱天爱地的四处风流[03:22.12] 只是遗憾你终究[03:24.20] 无法躺在我胸口[03:27.06] 欣赏夜空最辽阔的不朽[03:30.54] 把星子放入眸[03:34.73] 你的指尖轻柔[03:36.91] 抚摸过我所有[03:39.15] 风浪冲撞出的丑陋疮口[03:43.03] 你眼中有春与秋[03:45.40] 胜过我见过爱过[03:47.78] 的一切山川与河流[03:51.98] 曾以为我肩头[03:53.90] 是那么的宽厚[03:55.92] 足够撑起海底那座琼楼[03:59.75] 而在你到来之后[04:02.09] 它显得如此清瘦[04:04.55] 我想给你能奔跑的岸头[04:08.20] 让你如同王后&},{'name':&被驯服的象&,'img':'img/photo3.jpg','audio_src':'song/蔡健雅-被驯服的象.mp3','content':&[00:00.00]被驯服的象[00:04.64]蔡健雅[00:09.74][00:22.46]到底要笑得多虚伪 才能够融入这世界[00:28.13]每个人的脸上都像是贴了张一样的假面[00:33.71]想不起我在做什么 想不起我在想什么[00:39.12]想不起灵魂深处 到底发生了什么[00:43.95]迷雾 迷雾 在迷雾 我惊觉自己在原地踏步[00:49.03]到底是谁把我心蒙住 不想再糊涂[00:54.63]迷路 迷路 迷了路 我就彻底被这团迷雾困住[00:59.92]谁能够指引我一条路 带我走上正途[01:07.94][01:16.94]装不出融入的态度 空气里充斥着虚无[01:22.68]说什么都掩饰不了我这局外人的局促[01:28.21]想不通自己怎么了 想不通世界怎么了[01:33.61]想不通心灵深处 到底变成什么了[01:38.30]迷雾 迷雾 在迷雾 我惊觉自己在原地踏步[01:43.54]到底是谁把我心蒙住 不想再糊涂[01:49.24]迷路 迷路 迷了路 我就彻底被这团迷雾困住[01:54.46]谁能够指引我一条路 带我走上正途[02:00.34]掌声 若需要掌声 只要你愿当被驯服的象[02:08.16]这舞台你就可以上 荣耀 胜过被嘲笑[02:15.60]所以抛开自尊 咬紧牙根硬撑[02:21.92]迷雾 迷雾 在迷雾 我惊觉自己在原地踏步[02:27.11]到底是谁把我心蒙住 不想再糊涂[02:32.89]迷路 迷路 迷了路 我就彻底被这团迷雾困住[02:38.08]谁能够指引我一条路 带我走上正途[02:44.13]迷路 迷路 迷了路 我就彻底被这团迷雾困住[02:48.94]谁能够指引我一条路 带我走上正途[02:59.51]&}]
window.onload=function()
var play_btn=document.getElementById(&play_btn&);
var prev_btn=document.getElementById(&prev_btn&);
var next_btn=document.getElementById(&next_btn&);
var audio=document.getElementsByTagName(&audio&)[0];
var initTime=document.getElementsByTagName(&time&)[0];
var time=document.getElementsByTagName(&time&)[1];
var progress_bar=document.getElementById(&progress_bar&);
var progress_cube=document.getElementById(&progress_cube&);
var vol_bar=document.getElementById(&vol_bar&);
var vol_cube=document.getElementById(&vol_cube&);
var lyric_con=document.getElementById(&lyric_con&);
var lyric_txt=document.getElementById(&lyric_txt&);
var photo_pic=document.getElementById(&photo_pic&);
var icon1=document.getElementById(&icon1&);
var icon2=document.getElementById(&icon2&);
var lyric_tit=document.getElementById(&lyric_tit&);
var list_con=document.getElementById(&list_con&);
var list_item=list_con.getElementsByTagName(&p&);
var songIndex=0;
var container=document.getElementById(&container&);
function config()
this.play_mark=
this.duration=audio.
this.play_btn=&?&;
this.vol=audio.
this.timer=
this.rotateSum=0;
this.icon1=icon1.innerHTML;
this.icon2=icon2.innerHTML;
this.icon1_co=icon1.style.
this.endplay_btn=&?&;
this.endicon1=icon1.innerHTML;
this.endicon2=&?&;
obj= new config();
//列表控制
var allSong=&&;
for(var song=0;song&lyric.song++)
allSong+=&&p&&+lyric[song].name+&&/p&&
list_con.innerHTML=allS
list_con.style.height=lyric.length*30+&px&;
for(var listIndex=0;listIndex&list_item.listIndex++)
list_item[listIndex].index=listI
list_item[listIndex].onclick=function(ev)
var ev=ev||window.
ev.stopPropagation();
songIndex=this.
change_music();
list_con.style.display=&none&;
list.onclick=function()
if(list_con.style.display==&none&)
list_con.style.display=&block&;
list_con.style.display=&none&;
next_btn.onclick=function(){
songIndex++;
change_music();
prev_btn.onclick=function(){
songIndex--;
change_music();
function change_music()
clearInterval(obj.timer);
if(songIndex&=lyric.length)
{songIndex=0}
else if(songIndex&0)
{songIndex=lyric.length}
obj= new config();
iconinit();
audioInit();
playedTime();
lyric_ctrl();
//初始化总时长、音量等
function audioInit()
time.innerHTML=format(audio.duration);
audio.volume=0.5;
play_btn.innerHTML=obj.play_
vol_cube.style.left=audio.volume*vol_bar.offsetWidth+&px&;
lyric_tit.innerText=lyric[songIndex].
photo_pic.style.background=&url(&+lyric[songIndex].img+&)&;
audio.src=lyric[songIndex].audio_
progress_cube.style.left=0;
audioInit();
//播放时间
audio.addEventListener(&timeupdate&,function()
playedTime();
function playedTime(){
if(audio.currentTime==audio.duration)
next_btn.onclick();
play_btn.onclick();
var n=audio.currentTime/audio.
progress_cube.style.left=n*progress_bar.offsetWidth+&px&;
initTime.innerHTML=format(audio.currentTime);
var id_num=parseInt(audio.currentTime);
var lyric_p=document.getElementsByTagName(&p&);
for(var i=0;i&lyric_p.i++)
lyric_p[i].index=i;
if(document.getElementById(&lyric&+id_num))
var obj=document.getElementById(&lyric&+id_num);
for(var i=0;i&obj.i++)
lyric_p[i].className=&played&;
for(var j=obj.j&lyric_p.j++)
lyric_p[j].className=&&;
obj.className=&yellow active&;
lyric_txt.style.top=lyric_con.offsetHeight/2-obj.offsetTop+&px&;
function format(time)
var time=parseInt(time);
var m=parseInt(time/60);
var s=parseInt(time%60);
m=zero(m);
s=zero(s);
function zero(num)
if(num&10)
return m+&:&+s;
//拖拽进度条
progress_cube.onmousedown=function(ev)
var ev=ev||window.
var initX=ev.clientX-this.offsetL
this.onmousemove=function(ev)
var ev=ev||window.
var x=ev.clientX-initX;
if(x&0){x=0}
if(x&progress_bar.offsetWidth-14){x=progress_bar.offsetWidth-14}
play_ctrl(x);
document.onmouseup=function()
document.onmousemove=
progress_cube.onmousemove=
function play_ctrl(x){
var timego=x/progress_bar.offsetWidth*audio.
progress_cube.style.left=x+&px&;
audio.currentTime=
playedTime();
//点击进度条位置
progress_bar.onclick=function(ev)
var ev=ev||window.
var dis=ev.clientX-(container.offsetLeft+progress_bar.offsetLeft)-7;
progress_cube.style.left=dis+&px&;
play_ctrl(dis);
//拖动音量键
vol_cube.onmousedown=function(ev)
var ev=ev||window.
var initX=ev.clientX-vol_cube.offsetL
this.onmousemove=function(ev)
var ev=ev||window.
var x=ev.clientX-initX;
if(x&0){x=0}
if(x&vol_bar.offsetWidth-11){x=vol_bar.offsetWidth-11}
var volresult=x/vol_bar.offsetW
this.style.left=x+&px&;
audio.volume=
document.onmouseup=function()
document.onmousemove=
vol_cube.onmousemove=
//点击播放
play_btn.onclick=function()
clearInterval(obj.timer);
if(obj.play_mark)
this.innerHTML=obj.endplay_
audio.play();
obj.timer=setInterval(function()
{ obj.rotateSum=obj.rotateSum+1;
photo_pic.style.transform=&rotate(&+obj.rotateSum+&deg)&;
this.innerHTML=obj.play_
audio.pause();
obj.play_mark=!obj.play_
//歌词处理
function lyric_ctrl()
var lyricObj=lyric[songIndex].
var temp=lyricObj.split(&[&);
var html=&&;
for(var i=0;i&temp.i++)
var arr=temp[i].split(&]&);
var text=(arr[1]);
var time=arr[0].split(&,&);
var temp2=time[0].split(&.&);
var ms=temp2[1];//毫秒
var temp3=temp2[0].split(&:&);
var s=temp3[1];//秒
var m=temp3[0];//分
var s_sum=parseInt(m*60)+parseInt(s);
html+=&&p id='lyric&+s_sum+&'&&+text+&&/p&&;
lyric_txt.innerHTML=
lyric_ctrl();
function iconinit(){
icon1.className=&icon&;
icon1.innerHTML=obj.icon1;
icon1.style.color=&#fff&;
icon2.className=&icon&;
icon2.style.color=&#fff&;
//喜欢 收藏
icon2.onclick=function()
if(this.innerHTML==obj.icon2)
this.innerHTML=obj.endicon2;
this.style.color=&yellow&;
this.className=&icon yellow&;
this.innerHTML=obj.icon2;
this.style.color=&#fff&;
this.className=&icon&;
icon1.onclick=function()
if(this.style.color==obj.icon1_co)
this.innerHTML=obj.endicon1;
this.style.color=&#f7759f&;
this.className=&icon pink&;
this.innerHTML=obj.icon1;
this.style.color=obj.icon1_
this.className=&icon&;
怎么 有内容啊 //:标题党呀标题党
标题党呀标题党
截取字符串 将时间和歌词关联起来 //:歌词怎么弄的啊,楼主,是下载的lrc然后呢?
歌词怎么弄的啊,楼主,是下载的lrc然后呢?
多谢捧场~ //:学习了
嗯嗯 下次这样干 //:可以用网盘分享,这样方便些。
是有的 //:额,没下附件,不知道有没有动态效果。 //:cd旋转?转着呢吧 //:可以再加个cd旋转的效果。
额,没下附件,不知道有没有动态效果。 //:cd旋转?转着呢吧 //:可以再加个cd旋转的效果。
阉割版 监听播放下一曲还没做 //:糖糖,加个cd旋转啊
cd旋转?转着呢吧 //:可以再加个cd旋转的效果。
糖糖,加个cd旋转啊
可以再加个cd旋转的效果。
可以用网盘分享,这样方便些。
18 总笔记数
2万 总阅读量
Copyright &
All Rights Reserved.
合作伙伴:}

我要回帖

更多关于 h5视频播放代码 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信