Русский
Русский
English
Теги HTML
Атрибуты тегов
Статистика
Реклама

Тег <video>

Браузер
Internet Explorer
Chrome
Opera
Safari
Firefox
Версия
6.0
7.0
8.0
9.0
2.0
3.0
4.0
5.0
9.2
9.6
10
10.5
2.0
3.1
4.0
5.0
2.0
3.0
3.6
4.0
Поддержка
Не поддерживается
Не поддерживается
Не поддерживается
Полная поддержка
Не поддерживается
Полная поддержка
Полная поддержка
Полная поддержка
Не поддерживается
Не поддерживается
Не поддерживается
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Не поддерживается
Не поддерживается
Полная поддержка
Полная поддержка
Краткая информация
HTML: 3.2 4.01 5.0
XHTML: 1.0 1.1  
Описание
Добавляет, воспроизводит и управляет настройками видеоролика на веб-странице. Путь к файлу задается через атрибут src или вложенный тег <source>. Список поддерживаемых браузерами аудио и видеокодеков ограничен и приведен в табл. 1.
Браузер Internet Explorer 9 Chrome 6 Opera 10.60 Safari 5 Firefox 3.6
Аудио кодеки
ogg/vorbis
Не поддерживается
Полная поддержка
Полная поддержка
Не поддерживается
Полная поддержка
wav
Не поддерживается
Не поддерживается
Полная поддержка
Полная поддержка
Полная поддержка
mp3
Полная поддержка
Полная поддержка
Не поддерживается
Полная поддержка
Не поддерживается
AAC
Полная поддержка
Полная поддержка
Не поддерживается
Полная поддержка
Не поддерживается
Видео кодеки
ogg/theora
Не поддерживается
Полная поддержка
Полная поддержка
Не поддерживается
Полная поддержка
H.264
Полная поддержка
Полная поддержка
Не поддерживается
Полная поддержка
Не поддерживается
WebM
Не поддерживается
Не поддерживается
Полная поддержка
Не поддерживается
Не поддерживается
Табл. 1. Кодеки и браузеры
Для универсального воспроизведения в указанных браузерах видео кодируют с помощью разных кодеков и добавляют файлы одновременно (см. пример).
Синтаксис
<video>
 <source
src="URL">
</video>
Атрибуты
autoplay - Видео начинает воспроизводиться автоматически после загрузки страницы.
controls - Добавляет панель управления к видеоролику.
height - Задает высоту области для воспроизведения видеоролика.
loop - Повторяет воспроизведение видео с начала после его завершения.
poster - Указывает адрес картинки, которая будет отображаться, пока видео не доступно или не воcпроизводится.
preload - Используется для загрузки видео вместе с загрузкой веб-страницы.
src - Указывает путь к воспроизводимому видеоролику.
width - Задает ширину области для воспроизведения видеоролика.
Закрывающий тег
Обязателен.
Пример. Использование тега <video>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta charset=windows-1251">
<title>video</title>
</head>
<body>
 <video width="400" height="300" controls="controls" poster="video/duel.jpg">
  <source
src="video/duel.ogv" type='video/ogg; codecs="theora, vorbis"'>
  <source
src="video/duel.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
  <source
src="video/duel.webm" type='video/webm; codecs="vp8, vorbis"'>
  Тег video не поддерживается вашим браузером. <a href="video/duel.mp4">Скачайте видео</a>.
 </video>
</body>
</html>

Демонстрация примера
Первоисточник - htmlbook.ru Автор - Влад Мержевич
Комментариев (-)
Имя
Электронная почта

Последние комментарии

© 2006-2024, heroes-3.ru