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:

 

Atrybuty:

 

 

<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

#html5

Agnieszka Trefler

Agnieszka Trefler (Ruda) - freelancer, web developer, specjalistka od WordPressa z Wrocławia. Z pasją budowania stron, blogowania i fotografowania. Twórca Inspiracji fotograficznych.