注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

一心执着博客

博客正在更新中

 
 
 

日志

 
 
关于我

江苏徐州,毕业师范学院热爱文学,喜欢交友、科学,追寻真、善、美,执着永恒的爱!

网易考拉推荐

博客代码之常用embed代码教程  

2011-08-03 14:43:57|  分类: 博客代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
博客常用embed代码教程

网易刚刚开了embed标签的支持,抢先试用了一下,感觉不错。简单地

做个教程,大家一起玩玩(由于主要是实用为主,所以在这里就不多介

绍太多的参数了)。

博客代码之常用embed代码教程 - 我的E家 - 好之家的博客

进入代码编辑,复制如下代码进去。

<embed src="歌曲地址,支持mp3,和wma等格式" pluginspage="http://www.microsoft.com/isapi/redir.dll?prd=windows&amp;sbp=mediaplayer&amp;ar=media&amp;sba=plugin&amp;" type="application/x-mplayer2" border="0" width="100%" height="40" showcontrols="1" showaudiocontrols="1" showstatusbar="1" autostart="1" loop="0" enablecontextmenu="1"></embed>

博客代码之常用embed代码教程 - 我的E家 - 好之家的博客

将“src="歌曲地址,支持mp3,和wma等格式"”这句改了,比如你的mp3的地址为:http://mms.blog.xuite.net/fd/27/13815960/blog_120477/dv/4245760/

4245760.mp3 (此地址为百度搜索而得),那么就可以改为:src="http://mms.blog.xuite.net/fd/27/13815960/blog_120477/dv/4245760

/4245760.mp3 "

博客代码之常用embed代码教程 - 我的E家 - 好之家的博客

width="40%" height=50 ,这是我所喜欢的样子,大家可以随意改。

loop="0"  不循环,true为一直循环。

autostart="1"  自动播放,0为假,1为真。

好了,现在可以点击代码那个按键返回到普通编辑模式来,可以看到如下的效果:

博客代码之常用embed代码教程 - 我的E家 - 好之家的博客

当然,我们想要看看效果:

博客代码之常用embed代码教程 - 我的E家 - 好之家的博客

出现了熟悉的播放器了:

博客代码之常用embed代码教程 - 我的E家 - 好之家的博客

到这里,音乐就成功地放上去了。

 

当然,我们还可以加入更多的参数来个性化我们的播放器:

博客代码之常用embed代码教程 - 我的E家 - 好之家的博客

在代码里加上这么一句:title="我喜欢的歌"

进入预览:

博客代码之常用embed代码教程 - 我的E家 - 好之家的博客

从网上抄了份资料来,供大家参考。

-----------------------------------------------------------------------------------------------------------------------                                    

 

 

embed 语法基础教程:

(一)基本语法: 

embed src=url 

说明:

embed可以用来插入各种多媒体,格式可以是 Midi、Wav、AIFF、AU、MP3等等Netscape及新版的IE 都支持。url为音频或视频文件及其路径,可以是相对路径或绝对路径。

示例:

<embed src="your.mid">

(二)属性设置:

1、自动播放:

语法:autostart=true、false

说明:该属性规定音频或视频文件是否在下载完之后就自动播放。

true:音乐文件在下载完之后自动播放; 

false:音乐文件在下载完之后不自动播放。

示例:<embed src="your.mid" autostart=true>

        <embed src="your.mid" autostart=false>

2、循环播放:

语法:loop=正整数、true、false

说明:该属性规定音频或视频文件是否循环及循环次数。

属性值为正整数值时,音频或视频文件的循环次数与正整数值相同;

属性值为true时,音频或视频文件循环;

属性值为false时,音频或视频文件不循环。

示例::<embed src="your.mid" autostart=true loop=2>

    <embed src="your.mid" autostart=true loop=true>                <embed src="your.mid" autostart=true loop=false>

3、面板显示:

语法:hidden=ture、no

说明:该属性规定控制面板是否显示,默认值为no。

   ture:隐藏面板;

   no:显示面板。

示例:<embed src="your.mid" hidden=ture>

     <embed src="your.mid" hidden=no>

4、开始时间:

语法:starttime=mm:ss(分:秒)

说明:该属性规定音频或视频文件开始播放的时间。未定义则从文件开头播放。

示例:<embed src="your.mid" starttime="00:10">

5、音量大小:

语法:volume=0-100之间的整数

说明:该属性规定音频或视频文件的音量大小。未定义则使用系统本身的设定。

示例:<embed src="your.mid" volume="10">

6、容器属性:

语法:height=# width=#

说明:取值为正整数或百分数,单位为像素。该属性规定控制面板的高度和宽度。

      height:控制面板的高度;width:控制面板的宽度。

示例:<embed src="your.mid" height=200 width=200>

7、容器单位:

语法:units=pixels、en

说明:该属性指定高和宽的单位为pixels或en。

示例:<embed src="your.mid" units="pixels" height=200 width=200>

  <embed src="your.mid" units="en" height=200 width=200>

8、外观设置:

语法:controls=console、smallconsole、playbutton、pausebutton、 stopbutton、volumelever

说明:该属性规定控制面板的外观。默认值是console。

      console:一般正常面板    smallconsole:较小的面板

      playbutton:只显示播放按钮    pausebutton:只显示暂停按钮

      stopbutton:只显示停止按钮    volumelever:只显示音量调节按钮

示例:<embed src="your.mid" controls=smallconsole>

  <embed src="your.mid" controls=volumelever>

9、对象名称:

语法:name=#

说明:为对象的名称。该属性给对象取名,以便其他对象利用。

示例:<embed src="your.mid" >

10、说明文字:

语法:title=#

说明:为说明的文字。该属性规定音频或视频文件的说明文字。

示例:<embed src="your.mid" title="第一首歌">

11、前景色和背景色: 

语法:palette=color|color

说明:该属性表示嵌入的音频或视频文件的前景色和背景色,第一个值为前景色,第二个值为背景色,中间用 | 隔开。color可以是RGB色(RRGGBB)也可以是颜色名,还可以是transparent(透明)。

示例:<embed src="your.mid" palette="red|black">

12、对齐方式:

语法:palette=color|color

说明:该属性规定控制面板和当前行中的对象的对齐方式。

      center:控制面板居中;

   left:控制面板居左;

   right:控制面板居右;

   top:控制面板的顶部与当前行中的最高对象的顶部对齐;

   bottom:控制面板的底部与当前行中的对象的基线对齐;

   baseline:控制面板的底部与文本的基线对齐;

   texttop:控制面板的顶部与当前行中的最高的文字顶部对齐;

   middle:控制面板的中间与当前行的基线对齐;

   absmiddle:控制面板的中间与当前文本或对象的中间对齐;

   absbottom:控制面板的底部与文字的底部对齐。

示例:<embed src="your.mid" align=top>

   <embed src="your.mid" align=center>

  评论这张
 
阅读(28)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017