English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML Basic Tutorial

HTML Media

HTML Reference Manual

HTML5 Basic Tutorial

HTML5 API

HTML5 Media

HTML Plugins

The function of the plugin is to extend the functionality of the HTML browser.

HTML Assist (plugin)

Assistive applications (helper applications) are programs that can be started by the browser. Assistive applications are also known as plugins.

Assistive programs can be used to play audio and video (and other content). Assistive programs are loaded using the <object> tag.

One advantage of playing videos and audio with assistive programs is that you can allow users to control some or all of the playback settings.

Plugins can be added to the page using the <object> tag or the <embed> tag.　

Most assistive applications allow manual (or programmatic) control of volume settings and playback functions (such as rewind, pause, stop, and play).

We can use the <video> and <audio> tags to display videos and audio

The <object> element

All mainstream browsers support the <object> tag.

The <object> element defines an object embedded in an HTML document.

This tag is used to insert objects (such as embedding Java applets, PDF readers, 　 Flash Player) .

Example

<!DOCTYPE html>
<html>
<head>　
<meta charset="utf-8">　
<title>Basic Tutorial(oldtoolbag.com)</title>　
</head>
<body>
<object width="400" height="50" data="/run/html/bookmark.swf"></object>
　
</body>
</html>
Test See ‹/›
The <object> element can also be used to include HTML files:

Example

<!DOCTYPE html>
<html>
<head>　
<meta charset="utf-8">　
<title>Basic Tutorial(oldtoolbag.com)</title>　
</head>
<body>
<object width="100%" height="500px" data="/run/demo_iframe.html"></object>
　
</body>
</html>
Test See ‹/›

or insert an image:

Example

<!DOCTYPE html>
<html>
<head>　
<meta charset="utf-8">　
<title>Basic Tutorial(oldtoolbag.com)</title>　
</head>
<body>
<object data="/static/images/logo-n.png"></object>
　
</body>
</html>
Test See ‹/›

The <embed> element

All mainstream browsers support the <embed> element.

The <embed> element represents an HTML Embed object.

The <embed> element has been around for a long time, but in HTML5 was not explained in detail before, the <embed> element has been present in HTML 5 will be validated on the HTML 4 will not work.

Example

<!DOCTYPE html>
<html>
<head>　
<meta charset="utf-8">　
<title>Basic Tutorial(oldtoolbag.com)</title>　
</head>
<body>
<embed width="400" height="50" src="/run/html/bookmark.swf">
</body>
</html>
Test See ‹/›

Note that the <embed> element does not have a closing tag. Alternative text cannot be used.

The <embed> element can also be used to include HTML files:

Example

<!DOCTYPE html>
<html>
<head>　
<meta charset="utf-8">　
<title>Basic Tutorial(oldtoolbag.com)</title>　
</head>
<body>
<embed width="100%" height="500px" src="/run/demo_iframe.html">
</body>
</html>
Test See ‹/›

or insert an image:

Example

<!DOCTYPE html>
<html>
<head>　
<meta charset="utf-8">　
<title>Basic Tutorial(oldtoolbag.com)</title>　
</head>
<body>
<embed src="/static/images/logo-n.png">
</body>
</html>
Test See ‹/›

HTML Video (Video) PlaybackHTML Media (Media)