梅边听雪 发表于 2021-11-10 18:02

同小龙女测试个好玩的播放器

<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>

梅边听雪 发表于 2021-11-10 18:02

<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>

梅边听雪 发表于 2021-11-10 18:03

小龙女真聪明~~
{:7_283:}

梅边听雪 发表于 2021-11-10 18:05

@小龙女

梅边听雪 发表于 2021-11-10 18:08

迷你播放器简单的发帖方法:
可把代码复制到一个记事本文件(.txt),在记事本中修改代码后,到存图帖试帖,不要预览,直接点发表。正式发帖时,是复制记事本中修改好的代码,直接点发表,这样迷你播放器代码就不会丢失了。
以上是在论坛编辑器中试帖的方法,其实也是可以在电脑中试帖的:
就是把代码复制到记事本文件(.txt)中保存,然后把这个记事本文件的后缀由(.txt)改成(.html),这个后缀为(.html)是可以在电脑上用浏览器打开的。
修改(.html)中的代码时,可以把这个(.html)网页文件图标,拖入到一个打开的记事本文件(.txt)中,在这个打开的记事本文件中就能看到代码了,修改里面的代码后保存,再用电脑上的浏览器预览(.html)效果,
这样就可边修改,边预览了,没有问题后,再把记事本中修改好的代码,复制到论坛编辑器中,直接点发表就行了。使用迷你播放器发帖时,就是不要在论坛编辑器中预览,不然就会有代码丢失。

梅边听雪 发表于 2021-11-10 18:11

第九行可以更换图片最好是gif格式的。

梅边听雪 发表于 2021-11-10 18:17

第十行里:margin-top: 10px; margin-left: 55px;是调整播放控件的位置~~

乐活 发表于 2021-11-10 18:34

说的好详细啊

乐活 发表于 2021-11-10 18:34

多谢分享

梅边听雪 发表于 2021-11-10 19:13

<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>
页: [1] 2 3
查看完整版本: 同小龙女测试个好玩的播放器