Основной учебник HTML

Медиа HTML

Руководство по HTML

Основной учебник HTML5

API HTML5

Медиа HTML5

Просмотр видео HTML Медиа в HTML

Плагины HTML

Функцией плагинов является расширение функциональности HTML-браузера.

HTML помощник (плагин)

Вспомогательные приложения (helper application) — это программы, которые могут запускаться браузером. Вспомогательные приложения также называются плагинами.

Вспомогательные программы могут использоваться для воспроизведения аудио и видео (и другого). Вспомогательные программы загружаются с помощью тега <object>.

Одним из преимуществ использования вспомогательных программ для воспроизведения видео и аудио является возможность позволить пользователям контролировать часть или все настройки воспроизведения.

Плагины можно добавить на страницу с помощью тега <object> или тега <embed>.　

Большинство вспомогательных приложений позволяют вручную (или программно) контролировать настройки громкости и функции воспроизведения (например, zurück, пауза, остановка и воспроизведение).

Мы можем использовать теги <video> и <audio> для отображения видео и аудио.

Элемент <object>

Все основные браузеры поддерживают тег <object>.

Элемент <object> определяет объект, встроенный в документ HTML.

Этот тег используется для вставки объектов (например, вставка Java-приложений, читателей PDF и т.д. в веб-страницы) 　 плеер Flash).

Пример

<!DOCTYPE html>
<html>
<head>　
<meta charset="utf-8">　
<title>Основное руководство(oldtoolbag.com)</title>　
</head>
<body>
<object width="400" height="50" data="/run/html/bookmark.swf"></object>
　
</body>
</html>

Проверьте, что < / >

Элемент <object> также можно использовать для включения HTML-файлов:

Пример

<!DOCTYPE html>
<html>
<head>　
<meta charset="utf-8">　
<title>Основное руководство(oldtoolbag.com)</title>　
</head>
<body>
<object width="100%" height="500px" data="/run/demo_iframe.html"></object>
　
</body>
</html>

Проверьте, что < / >

или вставить изображение:

Пример

<!DOCTYPE html>
<html>
<head>　
<meta charset="utf-8">　
<title>Основное руководство(oldtoolbag.com)</title>　
</head>
<body>
<object data="/static/images/logo-n.png"></object>
　
</body>
</html>

Проверьте, что < / >

Элемент <embed>

Все основные браузеры поддерживают элемент <embed>.

Элемент <embed> представляет собой объект HTML Embed.

Элемент <embed> существовал уже давно, но до HTML5 он не был подробно описан, этот элемент будет проверен на странице HTML5, но не на HTML4.

Пример

<!DOCTYPE html>
<html>
<head>　
<meta charset="utf-8">　
<title>Основное руководство(oldtoolbag.com)</title>　
</head>
<body>
<embed width="400" height="50" src="/run/html/bookmark.swf">
</body>
</html>

Проверьте, что < / >

Обратите внимание, что элемент <embed> не имеет закрывающего тега. Не можно использовать альтернативный текст.

Элемент <embed> также можно использовать для включения HTML-файлов:

Пример

<!DOCTYPE html>
<html>
<head>　
<meta charset="utf-8">　
<title>Основное руководство(oldtoolbag.com)</title>　
</head>
<body>
<embed width="100%" height="500px" src="/run/demo_iframe.html">
</body>
</html>

Проверьте, что < / >

или вставить изображение:

Пример

<!DOCTYPE html>
<html>
<head>　
<meta charset="utf-8">　
<title>Основное руководство(oldtoolbag.com)</title>　
</head>
<body>
<embed src="/static/images/logo-n.png">
</body>
</html>

Проверьте, что < / >

Просмотр видео HTML Медиа в HTML