HTML DOM Embed 对象
HTML DOM Embed 对象
HTML DOM Embed (嵌入) 对象是HTML文档中的嵌入式内容容器。Embed对象使得用户可以在Web页面中嵌入多媒体文件,例如音频、视频、Flash等。
Embed对象是一个可以包含嵌入式内容的容器,可以通过HTML嵌入标记<(object> 或
Embed 对象可用于制作播放器、视频控制条、自定义音频和视频播放器等功能,同时Embed还提供一些属性和方法以对其进行控制。
Embed 方法
Embed对象提供了一些基础的方法
1.宽度和高度 设置embed对象的宽度和高度,可以用来调整嵌入内容的大小。
<embed src="yourFile.mp3" width="100" height="50">
2.播放和停止 使用Javascript控制播放和停止音频。
<embed src="yourFile.mp3" width="100" height="50" name="audio"></embed>
<button onclick="document.embeds['audio'].play()">播放</button>
<button onclick="document.embeds['audio'].pause()">停止</button>
3.音量调整 设置嵌入式对象的音量。
<embed src="yourFile.mp3" width="100" height="50" name="audio"></embed>
<button onclick="document.embeds['audio'].volume += 0.1;">增加音量</button>
<button onclick="document.embeds['audio'].volume -= 0.1;">减小音量</button>
4.循环播放 如果你想要音频不停地循环播放,则可以设置循环属性,将其设置为true即可。
<embed src="yourFile.mp3" width="100" height="50" name="audio" loop="true"></embed>
Embed属性
Embed对象同样提供了一些属性,以用来控制嵌入式内容。
1. src 设置嵌入式内容的URL地址,可以是音频、视频、动画等媒体文件格式。
<embed src="yourFile.mp3"></embed>
2. name 用来指定Embed对象的名称,用于在JavaScript中调用。
<embed src="yourFile.mp3" name="audio"></embed>
3. width和height 用来定义容器嵌入式内容的大小。
<embed src="yourFile.mp3" width="100" height="50"></embed>
4. autoplay 其值为true时,自动播放。
<embed src="yourFile.mp3" autoplay="true"></embed>
5. loop 其值为true时,循环播放。
<embed src="yourFile.mp3" loop="true"></embed>
6. volume 用来设定该嵌入式对象的音频音量。
<embed src="yourFile.mp3" name="audio"></embed>
<button onclick="document.embeds['audio'].volume += 0.1;">增加音量</button>
<button onclick="document.embeds['audio'].volume -= 0.1;">减小音量</button>
总结
Embed 对象是一个用来嵌入音频、视频等多媒体文件的对象,同时提供了用于控制嵌入内容的属性和方法,例如设置嵌入式内容的大小、播放和暂停、调整音量、循环播放等功能,对于开发音频、视频等媒体播放器、自定义音频和视频播放器和音频控制条等功能有着重要的作用。