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

HTML-Grund教程

HTML Medien

HTML Referenzhandbuch

HTML5 Grund教程

HTML5 API

HTML5 Medien

HTML-Plugin

Die Funktion des Plugins ist die Erweiterung der Funktionen des HTML-Browsers.

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) and are loaded using the <object> tag.

One advantage of playing videos and audio with assistive programs is that you can allow users to control part 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 major 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>
Testen Sie heraus ‹/›
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>
Testen Sie heraus ‹/›

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>
Testen Sie heraus ‹/›

The <embed> element

All major 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, this element has been present in HTML 5 will be validated on the page, in 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>
Testen Sie heraus ‹/›

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>
Testen Sie heraus ‹/›

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>
Testen Sie heraus ‹/›