html博客音乐播放器代码大全,HTML博客音乐播放器代码大全

白色代码：

黑色代码：

灰色代码：

棕色代码：

代码说明——其中：width=100 height=40 中的数字分别表示播放器的宽度和高度，注意：都选择0将隐藏播放器(隐藏时一定要选择自动播放)

autostart="true"中true或1表示自动播放，false或0表示手动播放

loop="true" 中的true或1表示重复播放，false或0表示只播放一次

一、几款最常用的播放器

代码如下：

(EMBED src="歌曲地址" width=300 height=50 type=audio/mpeg loop="-1" autostart="FALSE" volume="0")

代码如下

(EMBED style="FILTER: invert()" src="歌曲地址" width=300 height=50 type=audio/mpeg volume="0" autostart="TRUE" loop="true")

代码如下

(EMBED style="FILTER: Xray" src=歌曲地址 width=300 height=05 type=audio/mpeg loop="-1" autostart="false" volume="0")

< p>

代码如下

(EMBED style="FILTER: GRAY()" src="歌曲地址" width=300 height=45 type=audio/mpeg loop="-1" autostart="true" volume="0")

重要提示：

1 复制时务必将(EMBED。。。)前后的括号()替换成<>。这点非常重要。

2 WIDTH代表播放器宽度，HEIGHT代表高度，后面的数值可依自己喜好进行调整。

3 AUTOSTART="TRUE" 这里TRUE代表自动播放，如果换成FALSE则代表手动播放。

二、装饰美化你的播放器

有了基本的款式后，我们就可以根据自己的想象力，巧用HTML的表格，根据自己的图片素材，装饰美化自己的播放器啦。只要你有足够的创意，调整代码，就可以得到各式各样的播放器。这里抛砖引玉先介绍几款。

首先我们可以为黑色播放器加上一个边缘

(中间绿底的部分为原黑色播放器代码)

< align=center>

当然也可以为蓝色播放器加上粉色边缘

(中间粉底部分为原蓝色播放器代码)

代码如下

还可以将播放器置于一个单独的表格里，并加上表格的透明特效，播放器上的花纹就是表格的底图。(中间紫底部分的为原蓝色播放器代码)

代码如下:

复制代码

还可以利用动态的GIF背景做成动态播放器

(中间蓝底部分为原来的灰色播放器代码

代码如下:

< align=center>

甚至还可以将动态背景只在播放器底部运行

中间棕底字体为原灰色播放器代码

代码如下

html博客音乐播放器代码大全,HTML博客音乐播放器代码大全相关推荐

php如何添加音乐播放器,怎么为Wordpress博客添加MP3播放器
怎么为Wordpress博客添加MP3播放器? 首先到Flash MP3 Player 的主页上下载该程序.解压缩之后,将 mp3player.swf 和 ufo.js 两个文件放到服务器上,这里假设 ...
php插入音乐代码,如何修改Wordpress博客代码在文章中插入音乐 | 垃圾站
垃圾站博客昨天在网上看到有一篇通过修改Wordpress博客代码在文章中插入音乐的教程,特此整理编辑后分享给大家,教程如下: 1.下载swf播放器(点击下载:player.swf )上传到Wordpr ...
html代码通用代码,新浪博客通用html代码及其使用方法
经常上新浪博客又偶尔看到有些NX的博客总会把自己的领地打扮得漂漂亮亮的,总给人一种神圣敢,让人羡慕不已.其实方法很简单,你也可以轻松打造! 首先,你登陆你的博客 > 控制面板 > 首页内容 ...
python+tkinter+threading制作多线程简易音乐播放器（自动播放，上一曲，下一曲，播放，暂停，实时显示歌曲名并能自动切换歌曲的功能）
https://blog.csdn.net/qq_41962782/article/details/80106158 小弟是小白因大作业,在此博文的基础上,我增加了歌曲目录的选择,自动播放,实时显示歌 ...
装饰博客全攻略（如何在博客首页或博客中插入图片、音乐、视频等）
一.在博客中插入图片. 以下是代码: <img src="http://图片地址" border="0" width="344" he ...
安卓java音乐播放器下一曲_Android实现简单音乐播放器(MediaPlayer)
Android实现简单音乐播放器(MediaPlayer),供大家参考,具体内容如下开发工具:Andorid Studio 1.3 运行环境:Android 4.4 KitKat 工程内容实现一个 ...
android音乐播放器完整教程,android实现简单音乐播放器
本文实例为大家分享了android音乐播放器的具体代码,供大家参考,具体内容如下话不多说先上效果前言写这个音乐播放器实在是迫不得已.因为我们Andoird课程要求写一个音乐播放器.所以就有了此项 ...
5步告诉你QQ音乐的完美音质是怎么来的，播放器的秘密都在这里
欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~ 本文由QQ音乐技术团队发表于云+社区专栏一.问题背景与分析不久前,团队发现其Android平台App在播放MV视频<凤凰花开的路口 ...
博客园页首html代码,可爱的博客园样式美化、自定义博客园主题样式
cute-cnblogs 说明 "我经常有那种感觉,如果这个事情来了,你却没有勇敢地去解决掉,它一定会再来.生活真是这样,它会一次次地让你去做这个功课直到你学会为止." -- &l ...
html音乐播放器标签,打造属于自己的音乐播放器 HTML5之audio标签
我的音乐播放器 HTML5中增加了Audio和Video标签,这两个标签的用法非常相似.功能却是相当强大,我们先来看一下Audio标签各个浏览器的支持情况.这里用的依然是Can I Use这个在线网站 ...

html博客音乐播放器代码大全,HTML博客音乐播放器代码大全

html博客音乐播放器代码大全,HTML博客音乐播放器代码大全相关推荐

最新文章

热门文章