HTML5+-+Видео

//Претходно:// SVG // Следно: // Aудио // Почеток: // HTML5 Tуторијал

**Видео на web**
Пред HTML5, не постоеше стандард за прикажување видео/филм на web страните. Пред HTML5, видеата можеа да бидат емитувани само со додаток (plug-in) како flash. Различни пребарувачи поддржуваат различни додатоци. HTML5 дефинира нов елемент кој специфицира стандарден начин за вградување на видео или филм на web страната: Елементот.

__Пример__
        Your browser does not support the video tag. Control атрибутот додава видео контроли како play, pause и volume. Исто така добра идеа е секогаш да се внесуваат атрибутите за висина и ширина. Ако висината и ширината се поставени, просторот потребен за видеото е резервиран кога страницата ќе се вчита. Без овие атрибути пребарувачот не ги знае димензиите на видеото и неможе да резервира соодветен простор за него. Поради ова при вчитувањето на страната може да се промени нејзината форма. Исто така треба да се внесе текст помеѓу и таговите за пребарувачи кои не го поддржуваат елементот. Елементот дозволува повеќе елементи. Елементот може да биде поврзан со различни видео фајлови. Пребарувачот ќе го користи првиот препознаен формат.

Видео формати и поддршка на пребарувачот
Firefox21 кој работи на Windows 7, 8 и Vista, Android сега подджува MP3 || ДА || ДА ||
 * **Пребарувач** ||  **М****P4**  ||  **WebM**  ||  **Ogg**  ||
 * Internet Explorer || ДА || НЕ || НЕ ||
 * Chrome || ДА || ДА || ДА ||
 * Firefox || НЕ
 * Safari || ДА || НЕ || НЕ ||
 * Opera || НЕ || ДА || ДА ||
 * MP4 = MPEG 4 фајлови со Н264 видео код и ААС аудио код
 * WebM = WebM фајлови со VP8 видео код и Vorbis аудио код
 * Ogg = Оgg фајлови со Theora видео код и Vorbis аудио код

МIME типови за видео формати

 * **Format** ||  **MIME – тип**  ||
 * MP4 || video/mp4 ||
 * WebM || video/webm ||
 * Ogg || video/ogg ||

HTML5 - DOM методи и опции
HTML5 има DOM методи, опции и настани за и елементите. Овие методи, опции и настани дозволуваат со користење на JavaScript да се манипулира со и елементитe. Има методи за пушти, паузирај, вчитај и има опции како времетраење и глас. Исто така постојат DOM настани кои даваат до знаење кога елементот е пуштен, паузиран или завршен.

__Пример__
Креирај едноставни play/pause и resize контроли за видео <!DOCTYPE html>         Play/Pause   Big   Small   Normal               Your browser does not support HTML5 video. var myVideo=document.getElementById("video1");  function playPause   {   if (myVideo.paused)   myVideo.play;   else   myVideo.pause;   }   function makeBig   {   myVideo.width=560;   }   function makeSmall   {   myVideo.width=320;   }   function makeNormal   {   myVideo.width=420;   }     Video courtesy of Big Buck Bunny.

//Претходно:// SVG // Следно: // Aудио // Почеток: // HTML5 Tуторијал