HTML5音乐播放器 - 《爱的暴风雨 - 朱克》
本帖最后由 风中飞尘 于 2023-6-6 22:35 编辑 <br /><br /><br><br><br><br>资源流逝<br></div><div><br></div><div><div class="blockcode"><blockquote><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=GBK"><br><br><title>帖子音乐演示 - 帖子音乐 -技能趴 -Powered by Discuz!</title><br><meta name="keywords" content="帖子音乐演示"><br><meta name="description" content=" 帖子音乐演示 ,技能趴"><br><meta name="generator" content="Discuz! X3.4"><br><meta name="author" content="Discuz! Team and Comsenz UI Team"><br><meta name="copyright" content="2001-2020 Tencent Cloud."><br><meta name="MSSmartTagsPreventParsing" content="True"><br><meta http-equiv="MSThemeCompatible" content="Yes"><br><style type="text/css"><br><br>.audioc{<br>margin: 5px;<br>padding: 5px;<br>width: 750px;<br>}<br><br><br>.diepian{<br> height: 205px;<br> width: 229px;<br> float: left;<br> background-image: url(aq/dp.png);<br> background-repeat: no-repeat;<br>}<br>.dpin img{<br>border-radius: 50%;<br>width: 135px;<br>height: 135px;<br>margin-top: 34px;<br>margin-left: 34px;<br>}<br><br>.middlec{<br>float: left;<br>width: 380px;<br>}<br><br>.middled{<br>float: left;<br>width: 480px;<br>}<br>.pannel{<br>background: url(source/plugin/jnpar_bmusic/imgs/wave.png) no-repeat bottom right;<br>margin-left: 5px;<br>width: 380px;<br>margin-top: 20px;<br>}<br>.right{<br>width: 120px;<br>float: right;<br>}<br>.blank{<br>width: 100px;<br>height: 60px;<br>}<br>.btn_w{<br>width: 100px;<br>margin: 10px;<br>border-radius: 5px;<br>border: 1px red solid;<br>height: 30px;<br>text-align: center;<br>line-height: 30px;<br>font-size: 14px;<br>background: url(source/plugin/jnpar_bmusic/imgs/heart.png) no-repeat 9px 7px;<br>padding-left: 15px;<br>}<br><br>.btn_w a{<br>text-decoration: none;<br>}<br><br>.progress {<br> display: flex;<br> justify-content: space-between;<br> align-items: center;<br> width: 100%;<br>margin-left: 5px;<br>margin-top: -25px;<br> }<br><br> .progress-bar {<br> position: relative;<br> width: 100%;<br> height: 41px;<br> background-color: #d8d8d8;<br> vertical-align: 2px;<br> border-radius: 3px;<br> cursor: pointer;<br>padding-left: 15px;<br> }<br><br> .now {<br> position: absolute;<br> left: 0;<br> display: inline-block;<br> height: 41px;<br> width: 70%;<br> background: #f43584;<br> }<br><br> .now::after {<br> content: '';<br> position: absolute;<br> left: 96%;<br> width: 37px;<br> height: 37px;<br> top: 13px;<br> background-image: url(aq/handle.png);<br> background-repeat: no-repeat;<br> }<br>.songname{<br>font-size: 25px;<br>color: #2f2f2f;<br>padding-top: 10px;<br>font-weight: bold;<br>line-height: 30px;<br>height: 30px;<br>overflow: hidden;<br>}<br>.songer{<br>font-size: 16px;<br>color: #787878;<br>}<br>.songer span {<br>color: #f43584;<br>}<br></style><br><body> <br><br><br><div class="cl audioc"><br><div class="diepian cl"><div style="float:right;padding-top: 10px;"><img src="aq/discreader.png"></div><div class="dpin"><img id="dpin" src="aq/qyzj-1579418434-7680.JPG"></div></div><br><div class="middlec"><br><div class="pannel"> <br><div class="songname">测试歌曲</div><br><div class="songer">歌手：<span>未知</span></div><br></div><br><div style="float: left; margin-top: 46px; margin-left: -40px;"><img src="aq/play.png" id="playpause" style=" width:58px; height: 58px;"></div><br><div style="float: left; width: 359px; margin-top:74px;"><div class="progress"><br><div class="progress-bar" id="progress-bar"><br><div class="now" id="now" style="width: 42.183%;"><img src="aq/wave.png"></div><br></div><br></div></div><br><div style="width: 380px;margin-top: 5px;" class="cl"><span class="end" id="end" style="float: right;">03:55</span><span class="start" id="start">01:39</span></div><br></div><br><br></div><br><audio id="myAudio" src="https://mp3.wf/a_vidio/1.mp3">您的浏览器不支持audio标签</audio><br><br><script><br><br>function changebg(n){<br>var div1=document.getElementById('collect_btn');<br>if(n==1){<br>div1.style.background='url(source/plugin/jnpar_bmusic/imgs/heart.png) no-repeat 9px 7px';<br>}else{<br>div1.style.background='url(source/plugin/jnpar_bmusic/imgs/hearted.png) no-repeat 9px 7px';<br>}<br><br>}<br><br></script><br><script src="aq/bottomjs.js" type="text/javascript"></script><br><br></body><br></html></blockquote></div><br><div><br></div><div><br></div></div> 问好风中飞尘，漂亮的播放器{:4_199:}{:4_199:} 还带分享{:4_187:}欢迎风中飞尘经常来音乐版玩{:4_187:} 炫彩播放器，欣赏学习了{:4_204:}{:4_190:} 很舒服的旋律，赞，飞尘好分享{:4_204:} 赞 一个 {:4_190:} 这么长的音乐，打开很快。可以一次听个够。欣赏小风好制作{:4_187:}
页:
[1]