HTML 5

Тагът <VIDEO>




Тагът <video> се използва за добавянето на видео клипове в html страницата. Той е двоен таг и се поставя в секцията BODY на страницата.

Трябва да се знае обаче, че не всички браузъри поддържат всички видео формати. В таблицата по-долу са изброени по-известните браъзъри и поддържаните от тях видео формати.

Име на браузъра + версия MP4 WebM OGG
Internet Explorer 9+ Да Не Не
Chrome 6+ Да Да Да
Firefox 3.6+ Не Да Да
Safari 5+ Да Не Не
Opera 10.6+ Не Да Да

Пример за <video> таг е показан по-долу.

Пример:

<body>
      <video autoplay controls width="320" height="240" src="път до видео файла"></video>
</body>

Атрибутите на тага <video> са следните:

autoplay - указва дали видеото ще започне да се възпроизвежда веднага след стартирането на страницата или след натискането на бутона play (ако е добавен атрибута controls).

controls - чрез този атрибут се добавят контролите за старт, пауза, прекъсване и т. н. на видео файла.

width - този атрибут задава ширината на видеото.

height - този атрибут задава височината на видеото.

src - този атрибут задава пътя до видео файла.

Както споменах <video> тага е двоен, следователно има затварящ таг </video>. Между отварящия и затварящия таг може да се постави накакъв текст, който ще се появи ако браузъра не поддържа <video> тага.

За създаването на списък от видео файлове за възпроизвеждане се използва тага <source>. Той се поставя между отварящия и затварящия таг на тага <video>.

Пример:

<body>
      <video width="320" height="240" controls>
            <source src="1.mp4" type="video/mp4">
            <source src="2.ogg" type="video/ogg">
            Тагът <video> не се поддържа от вашия браузър.
      </video>
</body>

С атрибута type се задава MIME типа на видео формата.

Видео формат MIME тип
MP4 video/mp4
OGG video/ogg
WebM video/webm