祝花潮的朋友们情人节快乐！
<style type="text/css">.mnBox {
margin: auto;
margin-top: 150px;
position: relative;
background: #000 url('https://wj.zp68.com/lxx/yunhua/2022/02/13/6F.gif') no-repeat center/cover;
height: 702px;
width: 1394px;
left: -400px;
border: 1px solid;
box-shadow: 0px 0px 0px 1px Black;
}
.btn-ro {
position: absolute;
left: 623px;
top: 162px;
width: 55px; height: 55px;
line-height: 55px; font-size: 14px;
background: linear-gradient(blue,gray,red);
outline:none;
color: Indigo;
border-radius: 50%;
text-align: center;
box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.25);
cursor: pointer;
animation: rol linear 2s infinite;
}
.btn-ro:hover { opacity: 0.8; }
.btn-ro:active { opacity: 1; }
@keyframes rol { to { transform:rotate(360deg); } }
</style>
<div id="mnBox" class="mnBox">
<div style="color:#007880;margin:0px;padding:10px;font-size:5px;font-family:'微软雅黑';text-shadow:1px 1px 1px #fff;">
<p style="position: absolute; left:270px; top:500px; color: #007880;"><marqueescrollamount="3" direction="left" ><font face="微软雅黑" size="4">质感的律动融汇古典 音乐的唯美 施怡《车上情人》 求佛</font></marquee></p>
</div>
<div id="btn-ro" class="btn-ro">●</div>
</div>
<audio id="ymusic" src="https://wj.zp68.com/lxx/yunhua/2022/07/qh.mp3" autoplay="autoplay" loop="loop"></audio>
<script language="javascript">
var mu = document.getElementById('ymusic');
var mbtn = document.getElementById('btn-ro');
mu.autoplay ? mbtn.style.animationPlayState="running" : mbtn.style.animationPlayState="paused";
mu.addEventListener("ended", function(){ mbtn.style.animationPlayState="paused"; })
mbtn.onclick = function(){ mu.paused ? (mu.play(), mbtn.style.animationPlayState="running") : (mu.pause(), mbtn.style.animationPlayState="paused"); }
</script>
<br><br><br><br><br><br><br><br><br><br> 祝情人节快乐！有没有情人的大家统统快乐！ 黑黑，有你分享的css播放器，做帖快了许多了，小辣椒每天嘚瑟了{:4_172:} @马黑黑
黑黑今天晚上又做了2个，先发一个了，这个按钮播放器太喜欢了。 小辣椒的帖真漂亮，全部定位都很厉害的。向你学习！{:4_199:} 整体布局高端大气上档次，音乐也是好听的不要不要的 太美了，亲爱的厉害，把这个按钮用得出神入化{:4_187:} {:4_178:} 情人节快乐！{:4_187:} 这个PP好大~~~~播放器太漂亮了~~~~{:5_116:} 好漂亮啊，背景美美的{:4_187:} 那播放器看着好过瘾，小辣椒太棒了{:4_199:}{:4_178:} 加林森 发表于 2022-2-14 09:51
小辣椒的帖真漂亮，全部定位都很厉害的。向你学习！
队长这个就一张动图，没有其他定位的 马黑黑 发表于 2022-2-14 10:01
整体布局高端大气上档次，音乐也是好听的不要不要的
谢谢黑黑的欣赏，最美是你的css播放器{:4_187:} 加林森 发表于 2022-2-14 09:51
小辣椒的帖真漂亮，全部定位都很厉害的。向你学习！
谢谢队长欣赏，队长一样制作很优秀的{:4_187:} 红影 发表于 2022-2-14 11:40
太美了，亲爱的厉害，把这个按钮用得出神入化
亲爱的，太喜欢这个按钮的播放器了，随便一个图加个播放器就出来了 辫子哥哥 发表于 2022-2-14 18:41
情人节快乐！
辫子哥哥情人节快乐！{:4_187:} 千羽 发表于 2022-2-14 20:03
好漂亮啊，背景美美的
这个图1400的，还小了一点点{:4_173:} 千羽 发表于 2022-2-14 20:03
好漂亮啊，背景美美的
千羽晚上好，这个也是昨天那个小圆点的按钮播放器，这个就一个图一个按钮就可以了，不用上传 千羽 发表于 2022-2-14 20:05
那播放器看着好过瘾，小辣椒太棒了
这个背景图就是一个以前玩过的flash播放器