codecamp

HTML 插件

HTML 插件


插件的功能是扩展 HTML 浏览器的功能。


HTML 助手(插件)

辅助应用程序(helper application)是可由浏览器启动的程序。辅助应用程序也称为插件。

辅助程序可用于播放音频和视频(以及其他)。辅助程序是使用 <object> 标签来加载的。

使用辅助程序播放视频和音频的一个优势是,您能够允许用户来控制部分或全部播放设置。

插件可以通过 <object> 标签或者 <embed> 标签添加在页面中。object 和 embed 元素都通过添加对浏览器不直接支持的插件的支持来扩展浏览器的功能。 

大多数辅助应用程序允许对音量设置和播放功能(比如后退、暂停、停止和播放)的手工(或程序的)控制。

Note 我们可以使用 <video> 和 <audio> 标签来显示视频和音频

<object> 元素

所有主流浏览器都支持 <object> 标签。

<object> 元素定义了在 HTML 文档中嵌入的对象。

<object> 元素具有局部属性:data,type,height,width,usemap,name,form

该标签用于插入对象 (例如在网页中嵌入 Java 小程序, PDF 阅读器, Flash 播放器) 。

实例

<object width="400" height="50" data="bookmark.swf" ></object>

尝试一下 »

<object> 元素同样可用于包含HTML文件:

实例

<object width="100%" height="500px" data="snippet.html" ></object>

尝试一下 »

或者插入一张图片:

实例

<object data="logo.png"></object>

尝试一下 »

<embed> 元素

所有主流浏览器都支持 <embed> 元素。<embed> 元素实现与 <object> 元素相同的结果。

<embed> 元素表示一个 HTML Embed 对象 。

<embed> 元素已经出现很长一段时间了,但是在 HTML5 前并未被详细说明,该元素在 HTML 5 页面上会被验证,在 HTML 4 上不会。

实例

<embed width="400" height="50" src="bookmark.swf" >

尝试一下 »

Note 注意 <embed> 元素没有关闭标签。 不能使用替代文本。

<embed> 元素同样可用于包含 HTML 文件:

实例

<embed width="100%" height="500px" src="snippet.html" >

尝试一下 »

或者插入一张图片:

Example

<embed src="logo.png">

尝试一下 »
HTML 媒体(Media)
HTML 音频(Audio)
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }