|Web Учебник | Самоучитель по CSS | Самоучитель по PHP + MySql |Основы PhotoShop |Контакты. |

Тег VIDEO в HTML 5.

Тег VIDEO выводит на экран видео-файл без приложений(плееров).

Категория тега <video>:
Управление файлами мультимедиа. Начальный тег необходим, конечный тег необходим.

Атрибуты тега <video>:
autoplay - булев который заставляет плеер автоматически воспроизводить видеофайл.
controls - булев который включает панель управления видеоплеером, например пуск/пауза, регулятор громкости и другие.
src - указывает путь к видеофайлу, может быть абсолютный или относительным.
width - устанавливает ширину плеера без учета панели управления.
heigh - устанавливает высоту плеера без учета панели управления.
type - определяет тип содержимого.
id - идентификатор.
class - класс CSS
title - всплывающая подсказка.
style - встроенный инлайн стиль.
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown onkeyup - внутренние события.

Тег video, синтаксис:
простой вариант:
<VIDEO controls src="video_file.mp4" width=320 heigh=240></VIDEO>
Для всех браузеров поддерживающих тег VIDEO:
<VIDEO controls width=320 heigh=240>
<source src="video_file.ogv" type='video/ogg; codecs="theora, vorbis"'>
<source src="video_file.mp4" type='video/mp4; codecs="avc1, mp4a"'>
<P>ваш браузер не поддерживает HTML-5</P>
</VIDEO>

Тег видео работает только с форматами файлов ogv и mp4.
P.S. для того чтобы все пользователи увидели ваше видео вам нужно еще и тег object вставить внутрь тега VIDEO, но уже с типами файлов FLV или AVI. Бояться того что если браузер поддерживает все типы не стоит, т.к. в этом случае запустится файл самый ближний к открывающему тегу видео.


Список всех HTML-тегов.
 

                   Перейти к выбору следующей страницы
 

Добавить в закладки
Добиться абсолютной межбраузерности для механизма добавления в закладки не существует ни на каких языках!!! А для браузера "Chrome" не работают вообще ни какие механизмы!!!
Потому это лучше всего делать в ручную при помощи одновременого нажатия клавиш Ctrl и D , после чего нужно нажать готово(добавить). Такой "механизм работает всегда и везде!!!