小辣椒 发表于 2021-1-18 21:23

灰色边框H5单曲播放器套用模板


<br>
<DIV align=center>
<table style="position: relative; width:700px;" border="0" cellspacing="0" cellpadding="0">
<TBODY><TR><TD height= 48 background=https://wj.zp68.com/lxx/yunhua/20210117/s.gif>
</TD></TR><TR><TD height=24 background=https://wj.zp68.com/lxx/yunhua/20210117/z.gif>
<br>

<br><div align="center">
<img src="https://wj.zp68.com/lxx/yunhua/20210117/02.gif" width="504" _height="333" border="0">
</div><br>

<div align="center"><p style="line-height:30px">
<b><font face="微软雅黑" size="4">沉默是金--偶然翻唱<br>
</font></b>
<font color="#313736" face="微软雅黑" size="2">分享单曲播放器套用模板</font><font color="#313736" face="微软雅黑">
</font>&nbsp;<div align="center"><br>
欢迎大家一起来学习制作</div>
<div style="text-align: justify;">
<p style="text-align:left; line-height:25px; letter-spacing:1.8px; padding-right:1.6cm; padding-left:6.6cm">
<font color="#313736" face="微软雅黑">
这个单曲播放器用了最简洁的边框<br>
可以直接套用 就替换图片<br>
和替换音乐连接<br>
有不懂的可以回帖提问<br>
做之前看看下面小辣椒的制作说明<br>
用了偶然的翻唱 谢谢偶然的好声音<br><br><br>

</font><font color="#313736" face="微软雅黑" size="2"><br>
</font></div>

<div align="center" style="position: relative;">
<script type="text/javascript">
document.write("<scr"+"ipt src=\"https://wj.zp68.com/lxx/yunhua/20210117/players/jquery.js\"></sc"+"ript>")
document.write("<scr"+"ipt src=\"https://wj.zp68.com/lxx/yunhua/20210117/players/player.js\"></sc"+"ript>")
document.write("<scr"+"ipt src=\"https://wj.zp68.com/lxx/yunhua/20210117/players/playone/player/playone.js\"></sc"+"ript>")
</script>
<link href="https://wj.zp68.com/lxx/yunhua/20210117/players/playone/player/playone.css" rel="stylesheet" type="text/css">
<div style="margin:0px auto;">
    <div id="playones" style="display:block;position:relative;width:100%;max-width:120px;height:auto;margin:0px auto 0px;">
      <ul class="player-audios" style="display:none;">
      <li data-title="">
                <div class="player-source" data-src="https://wj.zp68.com/lxx/yunhua/20210117/cmsj.mp3" data-type="audio/mpeg"/>
            </li>
         </ul>
    </div>
</div>
</div>

</TD></TR><TR><TD height=152 background=https://wj.zp68.com/lxx/yunhua/20210117/x.gif>
</table><br><br><br></div>

小辣椒 发表于 2021-1-18 21:25


<br>
<DIV align=center>
<table style="position: relative; width:700px;" border="0" cellspacing="0" cellpadding="0">
<TBODY><TR><TD height= 48 background=https://wj.zp68.com/lxx/yunhua/20210117/s.gif>
</TD></TR><TR><TD height=24 background=https://wj.zp68.com/lxx/yunhua/20210117/z.gif>
<br>

<br><div align="center">
<img src="https://wj.zp68.com/lxx/yunhua/20210117/02.gif" width="504" _height="333" border="0">
</div><br>

<div align="center"><p style="line-height:30px">
<b><font face="微软雅黑" size="4">沉默是金--偶然翻唱<br>
</font></b>
<font color="#313736" face="微软雅黑" size="2">分享单曲播放器套用模板</font><font color="#313736" face="微软雅黑">
</font>&nbsp;<div align="center"><br>
欢迎大家一起来学习制作</div>
<div style="text-align: justify;">
<p style="text-align:left; line-height:25px; letter-spacing:1.8px; padding-right:1.6cm; padding-left:6.6cm">
<font color="#313736" face="微软雅黑">
这个单曲播放器用了最简洁的边框<br>
可以直接套用 就替换图片<br>
和替换音乐连接<br>
有不懂的可以回帖提问<br>
做之前看看下面小辣椒的制作说明<br>
用了偶然的翻唱 谢谢偶然的好声音<br><br><br>

</font><font color="#313736" face="微软雅黑" size="2"><br>
</font></div>

<div align="center" style="position: relative;">
<script type="text/javascript">
document.write("<scr"+"ipt src=\"https://wj.zp68.com/lxx/yunhua/20210117/players/jquery.js\"></sc"+"ript>")
document.write("<scr"+"ipt src=\"https://wj.zp68.com/lxx/yunhua/20210117/players/player.js\"></sc"+"ript>")
document.write("<scr"+"ipt src=\"https://wj.zp68.com/lxx/yunhua/20210117/players/playone/player/playone.js\"></sc"+"ript>")
</script>
<link href="https://wj.zp68.com/lxx/yunhua/20210117/players/playone/player/playone.css" rel="stylesheet" type="text/css">
<div style="margin:0px auto;">
    <div id="playones" style="display:block;position:relative;width:100%;max-width:120px;height:auto;margin:0px auto 0px;">
      <ul class="player-audios" style="display:none;">
      <li data-title="">
                <div class="player-source" data-src="https://wj.zp68.com/lxx/yunhua/20210117/cmsj.mp3" data-type="audio/mpeg"/>
            </li>
         </ul>
    </div>
</div>
</div>

</TD></TR><TR><TD height=152 background=https://wj.zp68.com/lxx/yunhua/20210117/x.gif>
</table><br><br><br></div>




小辣椒 发表于 2021-1-18 21:26

这个播放器制作注意事项:

这个是H5单曲播放器,手机可以欣赏

直接复制代码在记事本保存,记事本替换图片和音乐连接,修改自己的文字,

可以自己替换边框,但也是必须在记事本中替换,复制到论坛发帖。

文字增加就后面加个隔行码<br>这个隔行码按需要自己随便加

记事本后缀改html可以浏览器直接预览效果,到自己满意为止

发帖模式 要先选购纯码打勾 下面html打勾

每做一个帖就一个记事本留着备份

非常简单的套用模板,希望大家玩的开心




音乐上传:不用注册 直接微信扫一扫就登录了,自动生存你的个人空间
https://www.joy127.com/





图片可以上传在免费上传空间,也是可以在花潮论坛自己开个存图,但论坛图片不能上传高的像素











走过岁月 发表于 2021-1-18 21:52

不错的播放器,简单方便,电脑手机都可以欣赏

小辣椒 发表于 2021-1-18 21:56

走过岁月 发表于 2021-1-18 21:52
不错的播放器,简单方便,电脑手机都可以欣赏

啊~~岁月我刚想@你

冬天的雨 发表于 2021-1-18 22:05

小辣椒喜欢捣鼓播放器,现在冬雨看见就头晕{:4_170:}

冬天的雨 发表于 2021-1-18 22:05

小辣椒 发表于 2021-1-18 21:26
这个播放器制作注意事项:

这个是H5单曲播放器,手机可以欣赏


冬雨准备交一次作业{:4_189:}

风中飞尘 发表于 2021-1-18 22:26

有一个Html5 音乐播放器不错 挺好的 加油

红影 发表于 2021-1-18 22:29

这两个都置顶吧,以后找起来也方便{:4_187:}

小辣椒 发表于 2021-1-18 22:29

风中飞尘 发表于 2021-1-18 22:26
有一个Html5 音乐播放器不错 挺好的 加油

为自己加油,也是谢谢小风的指导{:4_187:}

红影 发表于 2021-1-18 22:30

在偶然君美妙的歌声中,慢慢体会小辣椒亲爱的带来H5播放器的功效,真是美好的享受。{:4_187:}

红影 发表于 2021-1-18 22:31

冬天的雨 发表于 2021-1-18 22:05
冬雨准备交一次作业

影子也在努力学习,准备学着做一个{:4_173:}

杨柳青 发表于 2021-1-23 14:12

支持~~~~

小辣椒 发表于 2021-1-23 21:37

杨柳青 发表于 2021-1-23 14:12
支持~~~~

小杨柳你必须实际行动支持的

杨柳青 发表于 2021-1-23 21:54

小辣椒 发表于 2021-1-23 21:37
小杨柳你必须实际行动支持的

那是当然咯~~~~{:5_106:}

加林森 发表于 2021-5-25 23:26

还得好好学习
页: [1]
查看完整版本: 灰色边框H5单曲播放器套用模板