HTML DOM Embed 对象


HTML DOM Embed 对象

HTML DOM Embed (嵌入) 对象是HTML文档中的嵌入式内容容器。Embed对象使得用户可以在Web页面中嵌入多媒体文件,例如音频、视频、Flash等。

Embed对象是一个可以包含嵌入式内容的容器,可以通过HTML嵌入标记<(object> 或 ) 加载它,并且可以在js中通过document.createElement(“embed”)创建它

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 对象是一个用来嵌入音频、视频等多媒体文件的对象,同时提供了用于控制嵌入内容的属性和方法,例如设置嵌入式内容的大小、播放和暂停、调整音量、循环播放等功能,对于开发音频、视频等媒体播放器、自定义音频和视频播放器和音频控制条等功能有着重要的作用。