使用embed标签嵌入网页音频视频详解
4星 · 超过85%的资源 需积分: 1 117 浏览量
更新于2024-09-16
2
收藏 138KB DOC 举报
"embed标签的使用方法与参数详解"
在网页设计中,为了实现音频和视频的播放,我们经常使用HTML的`embed`标签。`embed`标签是一个非常实用的插件,它允许我们在网页中嵌入各种多媒体内容,如MP3、WAV、MIDI、SWF(Flash)等格式的文件。下面我们将详细讲解`embed`标签的使用以及其相关参数。
首先,`embed`标签的基本结构如下:
```html
<embed src="音乐文件的路径及文件名" autostart="true" loop="2" width="80" height="30">
```
- `src`:这是必需的属性,用于指定要播放的媒体文件的完整路径或URL。例如,如果文件位于同一目录下,可以直接写文件名,如`"music.mid"`;如果文件在网络上的某个位置,需要提供完整的URL。
- `ShowTracker`:可选参数,用于决定是否显示播放进度条。默认情况下,这个参数可能不会在所有浏览器中生效,因为现代浏览器通常使用自定义的控制界面。
- `ShowPositionControls`:可选,是否显示播放控制按钮,如快进、倒退等。这同样可能取决于浏览器的支持情况。
- `ShowAudioControls`:可选,控制是否显示音量按钮。如果设置为`true`,将显示音量控制。
- `ShowStatusBar`:可选,决定是否显示状态栏,通常包含播放时间等信息。
- `ShowDisplay`:可选,如果设置为`true`,会显示更详细的播放信息窗口。
- `EnableContextMenu`:可选,如果设置为`false`,可以防止用户通过右键点击进行上下文操作,如复制、保存等。
- `autostart`:可选,控制媒体文件加载完毕后是否立即播放。`true`表示自动播放,`false`表示等待用户触发播放。默认值通常是`false`。
- `loop`:可选,设置循环播放。`true`表示无限循环,`false`表示不循环。也可以设置为一个整数值,表示重复播放的次数。
- `volume`:可选,设定音量级别,范围通常在`0`到`100`之间。`0`代表静音,`100`代表最大音量。
- `starttime`:可选,设置媒体文件从何时开始播放,格式为`"分:秒"`,如`"00:10"`表示从第10秒开始。
- `endtime`:可选,设置媒体文件在何时停止播放,同样采用`"分:秒"`格式。
- `width`和`height`:分别设置播放控件的宽度和高度。
- `controls`:可选,定义显示的控制元素。可以是以下值的组合:
- `console`:标准大小的控制面板。
- `smallconsole`:较小的控制面板。
- `playbutton`:播放按钮。
- `pausebutton`:暂停按钮。
- `stopbutton`:停止按钮。
- `volumelever`:音量调节滑块。
- `hidden`:可选,如果设置为`true`,则控制面板会被隐藏。
例如,以下代码展示了一个自动播放、隐藏控制按钮且禁止右键菜单的MP3播放器:
```html
<embed src="yin/01.mp3" type="application/x-mplayer3" loop="true" ShowStatusBar="true" ShowPositionControls="false" EnableContextMenu="false">
```
此外,`embed`标签还可以用于播放Flash(`.swf`)文件,只需将`src`属性指向Flash文件即可。
对于RealPlayer这样的其他播放器,它们可能有自己的特定标签和参数,但`embed`标签通常也能与之兼容,只是参数和用法可能会有所不同。
`embed`标签是网页中集成多媒体内容的强大工具,通过灵活配置其属性,我们可以定制符合需求的媒体播放体验。在实际应用中,需要注意不同浏览器对这些属性的支持程度,以确保跨平台的兼容性。
2012-12-05 上传
2020-09-25 上传
2020-12-14 上传
2020-09-28 上传
2011-07-10 上传
2012-05-05 上传
会飞的鱼~Dylan
- 粉丝: 1
- 资源: 6
最新资源
- MATLAB新功能:Multi-frame ViewRGB制作彩色图阴影
- XKCD Substitutions 3-crx插件:创新的网页文字替换工具
- Python实现8位等离子效果开源项目plasma.py解读
- 维护商店移动应用:基于PhoneGap的移动API应用
- Laravel-Admin的Redis Manager扩展使用教程
- Jekyll代理主题使用指南及文件结构解析
- cPanel中PHP多版本插件的安装与配置指南
- 深入探讨React和Typescript在Alias kopio游戏中的应用
- node.js OSC服务器实现:Gibber消息转换技术解析
- 体验最新升级版的mdbootstrap pro 6.1.0组件库
- 超市盘点过机系统实现与delphi应用
- Boogle: 探索 Python 编程的 Boggle 仿制品
- C++实现的Physics2D简易2D物理模拟
- 傅里叶级数在分数阶微分积分计算中的应用与实现
- Windows Phone与PhoneGap应用隔离存储文件访问方法
- iso8601-interval-recurrence:掌握ISO8601日期范围与重复间隔检查