同小龙女测试个好玩的播放器
<div align="center" style="position: relative;"><script type="text/javascript">
document.write("<scr"+"ipt src=\"https://pan.doliy.cn/player/jquery.js\"></sc"+"ript>")
document.write("<scr"+"ipt src=\"https://pan.doliy.cn/player/player.js\"></sc"+"ript>")
document.write("<scr"+"ipt src=\"https://pan.doliy.cn/player/common/player/common.js\"></sc"+"ript>")
</script>
<link href="https://pan.doliy.cn/player/common/player/common.css" rel="stylesheet" type="text/css">
<div style="margin: 0px auto;">
<p align="center"><img width="90" height="300" src="https://www.dlbbs.com/data/attachment/forum/202110/07/203348mzl9xx8jgzz4ho4i.gif" border="0"></p>
<div id="commons" style="left: 50%; top: 50%; width: 100%; height: 100%; margin-top: 10px; margin-left: 55px; display: block; position: absolute;">
<ul class="player-audios" style="display: none;">
<li data-artist="" data-title="铁血丹心--竹笛" data-album="" data-info="" data-image="" data-duration="0">
<div class="player-source" data-src="http://music.163.com/song/media/outer/url?id=1501183884.mp3" data-type="audio/mpeg" />
</li>
</ul>
</div>
</div>
</div>
<br>
<div align="center" style="position: relative;">
<script type="text/javascript">
document.write("<scr"+"ipt src=\"https://pan.doliy.cn/player/jquery.js\"></sc"+"ript>")
document.write("<scr"+"ipt src=\"https://pan.doliy.cn/player/player.js\"></sc"+"ript>")
document.write("<scr"+"ipt src=\"https://pan.doliy.cn/player/common/player/common.js\"></sc"+"ript>")
</script>
<link href="https://pan.doliy.cn/player/common/player/common.css" rel="stylesheet" type="text/css">
<div style="margin: 0px auto;">
<p align="center"><img width="90" height="300" src="https://www.dlbbs.com/data/attachment/forum/202110/07/203348mzl9xx8jgzz4ho4i.gif" border="0"></p>
<div id="commons" style="left: 50%; top: 50%; width: 100%; height: 100%; margin-top: 10px; margin-left: 55px; display: block; position: absolute;">
<ul class="player-audios" style="display: none;">
<li data-artist="" data-title="铁血丹心--竹笛" data-album="" data-info="" data-image="" data-duration="0">
<div class="player-source" data-src="http://music.163.com/song/media/outer/url?id=1501183884.mp3" data-type="audio/mpeg" />
</li>
</ul>
</div>
</div>
</div>
<br> 小龙女真聪明~~
{:7_283:} @小龙女 迷你播放器简单的发帖方法:
可把代码复制到一个记事本文件(.txt),在记事本中修改代码后,到存图帖试帖,不要预览,直接点发表。正式发帖时,是复制记事本中修改好的代码,直接点发表,这样迷你播放器代码就不会丢失了。
以上是在论坛编辑器中试帖的方法,其实也是可以在电脑中试帖的:
就是把代码复制到记事本文件(.txt)中保存,然后把这个记事本文件的后缀由(.txt)改成(.html),这个后缀为(.html)是可以在电脑上用浏览器打开的。
修改(.html)中的代码时,可以把这个(.html)网页文件图标,拖入到一个打开的记事本文件(.txt)中,在这个打开的记事本文件中就能看到代码了,修改里面的代码后保存,再用电脑上的浏览器预览(.html)效果,
这样就可边修改,边预览了,没有问题后,再把记事本中修改好的代码,复制到论坛编辑器中,直接点发表就行了。使用迷你播放器发帖时,就是不要在论坛编辑器中预览,不然就会有代码丢失。 第九行可以更换图片最好是gif格式的。 第十行里:margin-top: 10px; margin-left: 55px;是调整播放控件的位置~~ 说的好详细啊 多谢分享 <section style="text-indent:7px; letter-spacing:1.0px;">
<div align="center" style="position: relative;">
<script type="text/javascript">
document.write("<scr"+"ipt src='https://pan.doliy.cn/player/jquery.js'></sc"+"ript>")
document.write("<scr"+"ipt src='https://pan.doliy.cn/player/player.js'></sc"+"ript>")
document.write("<scr"+"ipt src='https://pan.doliy.cn/player/onereal/player/onereal.js'></sc"+"ript>")
</script>
<link href="https://pan.doliy.cn/player/onereal/player/onereal.css" rel="stylesheet" type="text/css">
<div style="margin:0px auto;">
<div id="onereals" style="display:block;position:relative;width:100%;max-width:100px;height:auto;margin:0px auto 0px;">
<ul class="player-audios" style="display:none;">
<li data-artist="" data-title="铁血丹心 - 竹笛" data-album="" data-info="" data-image="" data-duration="0">
<div class="player-source" data-src="http://music.163.com/song/media/outer/url?id=1501183884.mp3" data-type="audio/mpeg" />
</li>
</ul>
</div>
</div>
</div>
</section>