WEB前端开发人员交流社区

搜索
查看: 914|回复: 0

[基础知识] HTML多媒体<Embed>标签 《八》

[复制链接]

94

主题

150

帖子

148

积分

管理员

会在前端的道路上一直走下去!

Rank: 15Rank: 15Rank: 15Rank: 15Rank: 15

积分
148

社区QQ达人

发表于 2016-3-30 12:49:59 | 显示全部楼层 |阅读模式
使用embed标签可以在网页中可放置MP3音乐、电影、flash动画等多媒体内容。
基本语法:
<embed src=“文件路径” width=value  height=value hidden=hidden_value  autostart=auto_value  loop=loop_value> </embed>

语法解释:
  • hidden设置播放面板的显示和隐藏,hidden_value有两个值:true(隐藏)和no(显示);
  • autostart设置多媒体内容的播放方式, auto_value 有两个值:true(自动播放)和no(不自动播放);
  • loop设定是否循环播放, loop_value有两个值:true(无限次循环播放)no(仅播放一次)。

嵌入MP3音乐
示例:
<embed src=1.mp3 width=300 height=200 loop=true autostart=true hidden=no></embed>

声音格式及描述如图:


嵌入Flash动画
示例:
<embed src=aaa.swf width=550 height=400 loop=true autostart=true hidden=no></embed>

嵌入mpg电影
示例:
<embed src=1.mpg autostart=true hidden=no > </embed >

嵌入avi视频
示例:
<embed src=1.avi autostart=true hidden=no > </embed >

视频格式及描述如图:


embed标签属性详解
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、对齐方式:
语法:
align=top、bottom、center、baseline、 left、right、texttop、middle、absmiddle、absbottom

说明:
该属性规定控制面板和当前行中的对象的对齐方式。
  • center:控制面板居中;
  • left:控制面板居左;
  • right:控制面板居右;
  • top:控制面板的顶部与当前行中的最高对象的顶部对齐;
  • bottom:控制面板的底部与当前行中的对象的基线对齐;
  • baseline:控制面板的底部与文本的基线对齐
  • texttop:控制面板的顶部与当前行中的最高的文字顶部对齐;
  • middle:控制面板的中间与当前行的基线对齐;
  • absmiddle:控制面板的中间与当前文本或对象的中间对齐;
  • absbottom:控制面板的底部与文字的底部对齐。
示例:
<embed src="your.mid">
<embed src="your.mid">

嵌入背景音乐
除了使用<embed>标签来添加音乐的方法外,还有一种更简单的方法使用<bgsound>标签
基本语法:
<bgsound src=“音乐文件路径”  loop=value  >

<bgsound>设定背景音乐的标记,loop设定背景音乐的循环次数。
举例:
<bgsound src=“aaa.mid” loop=3>

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
WEB前端开发人员共同的技术交流平台,提倡开源、安全、自由、共享的网络精神! —— —— www.fedte.cn
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则



Archiver|手机版|小黑屋|前端开发技术交流

Copyright © 2009-2015 前端开发技术交流 http://www.fedte.cn 版权所有 All Rights Reserved.

免责声明: 本社区不承担任何由社区会员所提供的信息和工具所引起的争议和法律责任。

GMT+8, 2020-7-5 03:04

快速回复 返回顶部 返回列表