znacznik html5 Video

Znacznik html5 video – do zamieszczania i odtwarzania plików video na stronie.

<video src="fileFilm.mp4"><span id="result_box" class="short_text" lang="en"><span class="hps">Your browser</span> <span class="hps">does't support</span> <span class="hps">the video tag</span></span></video>

 

formaty:

• .mp4  – format wysokiej jakości wideo, typ mpeg4 (H.264)
• .f4v – plik aplikacji Flash
• .mov, typ H.264
• .ogv, typ OOG
• .webm, typ WebM
• .3gp, typ 3GP

 

Atrybuty:

• type
• autoplay – automatyczne odtwarzanie dźwięku
• controls – wyświetla panel do kontroli odtwarzania (play/ stop/ pause, wyciszenie głosu, ustawienie głośności, widok osi czasu, suwak osi czasu)
• preload – ładuje wstępnie dzwięk przed jego odtworzeniem, jego wartości:
  • none – wstrzymanie automatycznego pobierania pliku przed uruchomieniem
  • metadata – dane o pliku (czas trwania, autor, itp)
  • auto
• loop – pętla odtwarzania dźwięku
• poster – duży plik, wolne łącze, ładuje zdjęcie zanim film zostanie w pełni pobrany
• width, height

 

 

<video controls preload="auto" poster="postermovie.png" width="320px" height="240px">
 <source src="fileFilm.ext" type="video/type; codecs='c1, c2'">
 <source src="fileFilm.mp4" type="video/mp4; codecs='mp4v'">
 <source src="fileFilm.ogv" type="video/ogg; codecs='theora, vorbis'">
 <source src="fileFilm.3gp" type="video/3gpp; codecs='mp4v'">
 <source src="fileFilm.webm" type="video/webm; codecs='vorbis, vp8'">
</video>

 

Kod css dla dobrego zamieszczenia i odtwarzania filmu:

video, iframe{
 max-width:100%;
 height:auto;
}

 

Standardowe wymiary filmy opierają się na stosunku 4:3

Program do określenia typu i codec’ów pliku – MediaInfo

Poradnik do pobierania miniatur