Възпроизвеждане на видео в HTML

Преди HTML5, нямаше стандарт по който да се показват видео материали в уеб-страниците.

Преди HTML5, видео материалите можеха да се възпроизвеждат само с plug-in (като Flash).

Елемента <video> в HTML5 задава стандартен начин да се поставят видео материали в уеб-страниците.

Поддържащи браузъри

Internet Explorer 9+, Firefox, Opera, Chrome, и Safari поддържат елемента <video>.

Note: Internet Explorer 8 и по-ранните му версии не поддържат <video> елемента.

Елемента <video> в HTML

За да качите видео материали в страница използвайте елемента <video> по следния начин:

Как работи?

Атрибута controls добавя видео управляващи бутони като възпроизвеждане,пауза и звук.

Добре е винаги да изписвате width и height атрибутите.

Ако не сте задали атрибутите width i height, браузъра не знае какъв е размера на видеото. В резултат от това страницата ще се променя или ще претрепва докато видеото зарежда.

Текстът между тагът <video> и </video> ще се показва само в браузърите които не поддържат елемента <video>.

Няколко <source> елемента могат да водят към различни видео материали. Браузърът ще използва първият разпознат формат.

Автоматично възпроизвеждане
на видео в HTML

Ако искате видеото да стартира автоматично използвайте атрибута autoplay:

Поддържащи браузъри на 
елемента видео в HTML

В момента има 3 поддържани видео формата за елемента <video> : MP4, WebM и Ogg:

Видове медии в HTML

Видео - Методи,Свойства и
Събития в HTML

HTML5 определя DOM методи, свойства и събития за елемента <video>.

Това ви позволява да зареждате,възпроизвеждате и спирате видеото, както и да регулирате звука.

Също така има и DOM събития които ще ви предупредят когато видео материал започне да се възпроизвежда, спре и т.н.